easyui-combogrid需求

easyui-combogrid需求
强烈推介IDEA2020.2破解激活,IntelliJ IDEA 注册码,2020.2 IDEA 激活码

easyui-combogrid

需求:在销售合同列表操作一栏的产品清单操作,产品清单的新建产品清单,要在选择产品名称的时候,把产品名称对应的产品姓名给带出来,修改的时候也一样

如下是产品名称的combogrid行
        panelWidth:330,  <!--宽度-->
        idField:'name',    <!--数据库中的产品名称字段-->
        textField:'产品名称',    <!--产品名称的中文名-->
        url:'${ctx}/product/queryProductList',  <!--请求的url地址-->
        type:'post',      <!--请求的方式-->
        pagination:true,         <!-- 开启分页-->
        columns:[[        <!-- columns里面显示的是combogrid数据表格里面所显示的列数据-->
            {field:'name',title:'产品名称',width:200},     <!-- field是根据上面的idField来的-->    
            {field:'unitPrice',title:'产品价格',width:100},   <!-- field是根据数据库的产品价格unitPrice-->    
         ]]

<tr height="35px;">
	<td width="25%" height="35px;" align="right">产品名称:</td>
	<td width="75%" align="left">
	<select id="cc" class="easyui-combogrid" name="productName" style="width:90%;" onkeydown="if(event.keyCode==13)query()"
		data-options="
		panelWidth:330,
		idField:'name',    <!--数据库钟的产品名称字段-->
		textField:'产品名称',
		url:'${ctx}/product/queryProductList',
		type:'post',
		pagination:true,
		columns:[[
			{field:'name',title:'产品名称',width:200},
			{field:'unitPrice',title:'产品价格',width:100},
		]]
		"></select>					
	 </td>
</tr>

id为cc是产品名称的id

    $('#cc').combogrid({ 
		  keyHandler: {
              up: function() {},
              down: function() {},
              enter: function() {},
              query: function(q) {
                  //动态搜索
                  $('#cc').combogrid("grid").datagrid("reload", { 'name': q });
                  $('#cc').combogrid("setValue", q);
              }
          }, onSelect: function (rowIndex, rowData) {
        	  var g = $('#cc').combogrid('grid');	// 获取表格控件对象
        	  var r = g.datagrid('getSelected');	//获取表格当前选中行
        	  console.log(g);
        	  $("#productPrice").textbox('setValue',r.unitPrice);
          }
      });

 

本文来源凌枫zero,由架构君转载发布,观点不代表Java架构师必看的立场,转载请标明来源出处:https://javajgs.com/archives/7976

发表评论