easyui-combogrid需求

Java架构师必看

发布于 2021-05-14 11:37:15

2550

发布于 2021-05-14 11:37:15

文章被收录于专栏：Java架构师必看

easyui-combogrid需求

强烈推介IDEA2020.2破解激活，IntelliJ IDEA 注册码，2020.2 IDEA 激活码

easyui-combogrid

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

如下是产品名称的combogrid行 panelWidth:330,  idField:'name',  textField:'产品名称',  url:'${ctx}/product/queryProductList',  type:'post',  pagination:true,  columns:[[  {field:'name',title:'产品名称',width:200},  {field:'unitPrice',title:'产品价格',width:100},  ]]

<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);
          }
      });

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

ide