http://blog.csdn.net/dxnn520/article/details/8194767

// ---------------------- // 【下拉树设置 -- 单选】

{display: "产品", name: "Variety_Name", comboboxName: "Variety_Name2", newline: true, labelWidth: 100, width: 180, space: 30, type: "select", options: { valueFieldID: "Variety_Id", tree: { url: "../handle/Class_CustomProducts_Handle.ashx?ajaxaction=Select_Class_Variety", checkbox: false} } },

// ---------------------- // 【下拉树设置 -- 多选框】

{display: "产品", name: "Variety_Name", comboboxName: "Variety_Name2", newline: true, labelWidth: 100, width: 180, space: 30, type: "select", options: { valueFieldID: "Variety_Id", tree: { url: "../handle/Class_CustomProducts_Handle.ashx?ajaxaction=Select_Class_Variety", checkbox: True} } },

// ---------------------- // 【下拉行设置】

{display: "产品", name: "Variety_Name", comboboxName: "Variety_Name2", newline: true, labelWidth: 100, width: 180, space: 30, type: "select", options: { valueFieldID: "Variety_Id", url: "../handle/Class_CustomProducts_Handle.ashx?ajaxaction=Select_Class_Variety", checkbox: false } },

// %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% // 【下拉弹出选择窗口】

// ---------【1】

{display: "产品名称", name: "ProductId", comboboxName: "ProductId2", newline: true, labelWidth: 100, width: 150, space: 30, type: "select", option: { } },

// --------------- 注意:【option: { }】选项

//------【2 - 放在Form面】 -[设置下拉框的数据关联]

$.ligerui.get("ProductId2").set('onBeforeOpen', f_selectContact)

//------【3 -  放在body后面】

<div id="productdetail" style="display:none;"> <%--【弹出产品选择窗口】--%>
        <div class="searchbox">
            <form  class="l-form">
                <table>
                      <tr>
                            <td>助记码:</td><td style="width:155px"><input type="text" id="helpcodetext"/></td>
                            <td ><a href="javascript:void(0)" class="l-button" style="width:100px" onclick='GetClassProduct()'>查询</a></td>
                            <td> &nbsp;&nbsp; </td>
                            <td><a href="javascript:void(0)" class="l-button" style="width:100px" onclick='GetClassProductAll()'>全部显示</a></td>
                            
                            </tr>
                </table>
            </form>
       </div>
        <div id="productgrid"  style="margin:0px;"></div> 
 
   </div>

//------【4】

// #region ===========================================================【弹出选择产品js函数 - 放在<script type="text/javascript">下面】
  
          var productdetail = null;
           // 【弹出产品选择窗口】
           function f_selectContact() 
           {   
              if (productdetail) {
                  productdetail.show();

}
              else {
                  productdetail = $.ligerDialog.open
                  ({
                      target: $("#productdetail"),
                      width: 624, height: 465, top: 15, title: "选择产品",
                      buttons: [
                      { text: '选择', onclick: function () { selectproduct(); } },
                      { text: '取消', onclick: function () { productdetail.hide(); } }
                      ]
                  });

}
              return false;
          }
           // 【将选择的产品赋值到选择框】
           function selectproduct() 
          {
              var selected = productgrid.getSelected();
              if (selected) {

$("#Product_Name2").val(selected.Product_Name)
                  $("#Product_Name1").val(selected.Product_Id)

productdetail.hide();
              }
              else {
                  LG.tip('请选择行!');
              }
          }
          // 【产品助记码查询事件】
          function GetClassProduct() 
          {
              var helpcode = $("#helpcodetext").val();
              //   if (helpcode == "") return;
              productgrid.set('url', rootPath + 'handle/Class_CustomProducts_Handle.ashx?ajaxaction=Get_Class_Product&HelpCode=' + helpcode);
          }
          // 【全部查询事件】
          function GetClassProductAll() 
          {
              var helpcode = "SelectAll";
              //   if (helpcode == "") return;
              productgrid.set('url', rootPath + 'handle/Class_CustomProducts_Handle.ashx?ajaxaction=Get_Class_Product&HelpCode=' + helpcode);
          }

// 【产品选择表格设置】
          $("#helpcodetext").ligerTextBox({ width: 150 });
          var productgrid = $("#productgrid").ligerGrid({
              columns: [
          { display: "产品名称", name: "Product_Name", width: 200, type: "text", align: "left" },
          { display: "助记码", name: "HelpCode", width: 150, type: "textarea", align: "left" },   //【助记码-1】
          {display: "产品描述", name: "Remark", width: 400, type: "textarea", align: "left" }

],

// ---------------------------------------- // 双击选择代码 = 【开始】

onDblClickRow: function (data, rowindex, rowobj) {
                  selectproduct();
              },

// ---------------------------------------- // 双击选择代码 = 【结束】
              dataAction: 'local', pageSize: 20,
              url: rootPath + 'handle/Class_CustomProducts_Handle.ashx?ajaxaction=Get_Class_Product&HelpCode=' + 'SelectAll', sortName: 'Sort',
              tree: { columnName: 'Product_Name' },
              width: '600', height: '370', heightDiff: -10, checkbox: false
          });

//#endregion

LigerUI的下拉框行和树的设置(表单生成)的更多相关文章

  1. LigerUI ligerComboBox 下拉框 表格 多选无效

    $("#txt1").ligerComboBox({ width: 250, slide: false, selectBoxWidth: 500, selectBoxHeight: ...

  2. ligerui多选动态下拉框

    今天下午要求做一个支持多选的,并且插件用ligerui的,当时有点小懵了,因为没用过ligerui啊!而且按照API的介绍,我做得也很好啊,可是为什么就是显示不出来?据说有位小神比较厉害,请教来之,两 ...

  3. 树形下拉框ztree、获取ztree所有父节点,ztree的相关方法

    参考:jQuery树形控件zTree使用小结 需求 添加.修改的终端需要选择组织,组织是多级架构(树状图显示). 思路 1.因为下拉框需要树状图显示,所以排除使用select做下拉框,改用input  ...

  4. Jquery学习笔记:操作form表单元素之一(文本框和下拉框)

    一.概述 在web页面开发中,经常需要获取和设置表单元素的值(如文本框中的内容),特别是在ajax应用中,更是常态.本文系统的介绍下如何操作. 同操作其它html元素一样,操作的过程差不多. 第一步, ...

  5. DEV下拉框LookUpEdit使用技巧

    1,首先设置LookUpEdit要绑定的列,并配置隐藏列 2,设置下拉框是否显示表头,底部 3.设置下拉框宽度 4.设置显示的列与值列 5.设置初始值 6,绑定数据 7,取值  

  6. Java Swing应用程序 JComboBox下拉框联动查询

    在web项目中,通过下拉框.JQuery和ajax可以实现下拉框联动查询. 譬如说,当你查询某个地方时,页面上有:省份:<下拉框省份> 市区:<下拉框市区> 县乡:<下拉 ...

  7. DevExpress:下拉框绑定数据源 (ComboBoxEdit,LookUpEdit)

    DevExpress:下拉框绑定数据源 (ComboBoxEdit,LookUpEdit) DevExpress:下拉框绑定数据源 (ComboBoxEdit,LookUpEdit) // 设置下拉框 ...

  8. PHP.TP框架下商品项目的优化3-php封装下拉框函数

    php封装下拉框函数 因为在项目中会经常使用到下拉框,所以根据一个表中的数据制作下拉框函数,以便调用 //使用一个表的数据做下拉框函数 function buildSelect($tableName, ...

  9. excel 如何制作带下拉框的动态折线图表

    首先我们需要有个类似下图产品销量的基础数据表. 首先将光标放入表格中任意位置,然后插入一个不带点标记的折线图,然后将折线的颜色设置为灰色. 第一次设置成灰色后,一定善用f4快捷键进行快速的折线颜色设置 ...

随机推荐

  1. 洛谷P4018 Roy&October之取石子

    题目背景 \(Roy\)和\(October\)两人在玩一个取石子的游戏. 题目描述 游戏规则是这样的:共有\(n\)个石子,两人每次都只能取\(p^k\)个(\(p\)为质数,\(k\)为自然数,且 ...

  2. js怎样实现继承

    js实现继承的5种方式 js是门灵活的语言,实现一种功能往往有多种做法,ECMAScript没有明确的继承机制,而是通过模仿实现的,根据js语言的本身的特性,js实现继承有以下通用的几种方式1.使用对 ...

  3. webpack配置apihost

    webpack配置全局apihost可以解决在不同环境(开发环境及生产环境)中域名,端口号会改变的问题.如: 解决办法: 一行代码: axios.defaults.baseURL = 'http:// ...

  4. DSL与GPL

    一.DSL 与 GPL DSL(Domain-Specified Language 领域特定语言),而与 DSL 相对的就是 GPL,最常见的 DSL 包括 Regex 以及 HTML & C ...

  5. java insert mysql 中文乱码

    jdbc:mysql://192.168.1.77:3306/db360?useUnicode=true&characterEncoding=UTF-8 drop database if ex ...

  6. python中深复制和浅复制区别

    在python中,对象赋值实际上是对象的的引用,当创建一个对象,然后把它赋值给另外一个变量的时候,python没有拷贝这个对象,而只是拷贝了这个对象的引用,多以就出现了浅复制,即复制后原对象改变后,复 ...

  7. Jetty项目解压目录设置

    Ubuntu14.04 没有在Jetty的根目录下建立work文件夹时,Jetty会默认将项目解压到/var/cache/jetty/data/下,如果在Jetty的根目录下建立work文件夹,jet ...

  8. 备份当前的ubuntu系统生成iso

    使用respin,步骤如下: sudo add-apt-repository ppa:sergiomejia666/respin sudo apt-get update sudo apt-get in ...

  9. I - Defeat the Enemy UVALive - 7146 二分 + 贪心

    https://icpcarchive.ecs.baylor.edu/index.php?option=com_onlinejudge&Itemid=8&page=show_probl ...

  10. Python3基础(1)Python介绍、Python2 与Python3、变量、用户输入、if...else和for循环、while循环、break与continue

    ---------------个人学习笔记--------------- ----------------本文作者吴疆-------------- ------点击此处链接至博客园原文------ P ...