Javascript 如何在MVC5中使用Jquery在模式中实现自动完成
我有一个模式窗口,我想在其中显示jQueryUI的自动完成,这个对象在一个表单中,然后通过一个提交按钮发送给一个控制器操作 我的主视图中的模式窗口:Javascript 如何在MVC5中使用Jquery在模式中实现自动完成,javascript,jquery,asp.net-mvc,modal-dialog,jquery-ui-autocomplete,Javascript,Jquery,Asp.net Mvc,Modal Dialog,Jquery Ui Autocomplete,我有一个模式窗口,我想在其中显示jQueryUI的自动完成,这个对象在一个表单中,然后通过一个提交按钮发送给一个控制器操作 我的主视图中的模式窗口: <div class="modal fade" id="agregarProducto"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header">
<div class="modal fade" id="agregarProducto">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Agregar Material</h5>
</div>
<form id="myForm">
<label>Producto</label>
<input type="text" class="form-control" name="nombreproducto" id="nombreproducto" autofocus="" />
<br />
<label>Precio Producto</label>
<br />
<input type="text" class="form-control" name="precio" id="idprecioproducto" />
</form>
</div>
<div class="modal-footer">
<input type="submit" value="Agregar Material" class="btn btn-primary" id="btnSubmit" />
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
如何通过按下调用模式窗口的按钮来确定
<a href="#" class="btn btn-primary" data-toggle="modal" data-target="#agregarProducto">Agregar Material </a>
我的模式窗口可以和自动完成我的产品一起显示吗
我必须通过我的按钮调用事件?我应该把Jquery代码放在哪里?这是我第一次开发这样的东西。。。我必须处理哪些Jquery事件
PS:这个实现将转到我的控制器的JsonResult,但显然它没有显示任何内容,为什么
有什么例子或帮助吗?您使用的是什么版本?如果您使用的是基于的文档的这些版本,则由于冲突,这可能无法在引导模式上工作
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
尝试在Javascript代码上使用这些版本,它会起作用:
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
<script src="https://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
以下是基于您的代码的屏幕截图:
您是说自动完成功能目前不起任何作用吗?没有理由不能让它工作,但不确定为什么它还没有工作。控制台中有错误吗?页面中是否包含jQueryUI资源(js和css)?我的搜索产品方法已执行,我不喜欢我产品的建议,我想告诉您什么@你说的“我不喜欢我产品的建议”是什么意思?响应json是什么样子的?这是我翻译中的一个错误,我的意思是它没有显示任何内容,它没有显示@charlietflOk,那么返回的json的结构是什么?
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
<script src="https://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>