WebForm Combox下拉框联动

要想实现如下效果，点击堆号，下边的物料框自动对应显示，实现简单的联动，一对一，一对多的效果。

首先两个下拉框分别对应两个表数据，两表通过堆号字段关联

为堆号下拉框进行url赋值，
添加onChange方法，用来解决切换时动态改变物料下拉框，
添加onLoadSuccess方法，当堆号下拉框加载数据，并赋值成功后，默认选择对应多条物料的第一条。（在编辑和新增时，极易出现问题。）
var data = $mater.combobox(“getData”);
$mater.combobox(“setValue”, data[0].MaterialID);
注意写法，不然编辑时存入到数据库的主键和描述出现错误。

另外编辑和添加的dialog都用的是一个，所以字段名要和datagrid的名称对应。点击编辑某一行时，弹出dialog，数据依次赋值并显示，点击新增时，弹出dialog，数据清空。

//堆号和物料关联
function Heapnumber_MaterialID() {var $heap = $("#Heapnumber"); //堆号下拉列表var $mater = $("#MaterialID"); //物料下拉列表var cc = '';$heap.combobox({url: '../ashx/EasyUiAshx/SPBalloutplanHandler.ashx?action=select&&option=HeapnumberIDcombox',valueField: 'Heapnumber',textField: 'Heapnumber',panelHeight: 'auto',editable: false,onChange: function (newValue, oldValue) {if (newValue != "") {cc = newValue;$mater.combobox({disabled: false,url: '../ashx/EasyUiAshx/SPBalloutplanHandler.ashx?action=select_Material&&option2=' + newValue,method: 'GET',valueField: 'MaterialID',textField: 'MaterialDes',panelHeight: 'auto',editable: false,onLoadSuccess: function () {var data = $mater.combobox("getData");$mater.combobox("setValue", data[0].MaterialID);//注意赋值的方法，很重要。}});}},onLoadSuccess: function () {var AA = $("#Heapnumber").combobox('getValue');//编辑的时候有值，新增的时候无值。if (AA != "") {$mater.combobox({disabled: false,url: '../ashx/EasyUiAshx/SPBalloutplanHandler.ashx?action=select_Material&&option2=' + AA,method: 'GET',valueField: 'MaterialID',textField: 'MaterialDes',panelHeight: 'auto',editable: false,onLoadSuccess: function () {var data = $mater.combobox("getData");$mater.combobox("setValue", data[0].MaterialID);}});}}});}

WebForm Combox下拉框联动相关推荐

jquery ajax下拉联动,jQuery Ajax MVC 下拉框联动
无刷新下拉框联动方法: Controllers代码 public JsonResult DH_Change(string DH_ID) { List TeamLeaderList = FinanceD ...
Ext 下拉框联动第一次显示不正常的问题
做下拉框联动,异步加载数据,第一次显示时数据不准确,不要在combo_2的下拉框直接绑定store,在combo_1的改变事件里调用下面的方法 function GetAllCustomerBrand ...
html年月日下拉联动菜单年月日三下拉框联动
<html> <head> <title>年月日三下拉框联动</title> <meta http-equiv='Content-Type' co ...
swing下拉框从mysql_Java Swing应用程序 JComboBox下拉框联动查询
在web项目中,通过下拉框.JQuery和ajax可以实现下拉框联动查询. 譬如说,当你查询某个地方时,页面上有:省份: 市区: 县乡: 街道: 查询譬如说,你选择了省:江苏省,那么在市区中只会显示 ...
php jq ajax 4个下拉框联动案列,AJAX_AJAX实现下拉框联动，想当年，为了实现三级联动， - phpStudy...
AJAX实现下拉框联动想当年,为了实现三级联动,找个js高手些了N多代码才搞定,但是很慢,因为一次要将所有的选项取来,然后排序,查找动态显示. 现在使用AJAX真是太方便了,下面做了个简单例子,实现 ...
高级查询组件下拉框联动（三）
实现下拉框联动例子. 1.首先在ul中定义省份和城市查询条件. <ul id="dynamicCondition" style="display:none;&quo ...
antd 下拉框怎么联动_antd下拉框联动使用步骤详解
这次给大家带来antd下拉框联动使用步骤详解,antd下拉框联动使用的注意事项有哪些,下面就是实战案例,一起来看一下. 先说一下效果要求,上面一个下拉框,下面一个,要求上面选中的时候,下面的内容要跟着 ...
javascript实现下拉条联动_js实现下拉框联动
今天学习了如何用js实现下拉框的联动,下拉框联动主要指的是当一个下拉框的内容改变时另一个下拉框的内容也会相应的发生改变.比如,我么有时在注册时会需要添加籍贯,当我们选择相应的省份之后,后面的市区也会相 ...
php下拉选择联动,实现输入框与下拉框联动
下面我就为大家分享一篇实时监控input框,实现输入框与下拉框联动的实例,具有很好的参考价值,希望对大家有所帮助. 如图: html代码奖励类型: ---请选择--- {foreach $rewar ...

WebForm Combox下拉框联动

WebForm Combox下拉框联动相关推荐

最新文章

热门文章