zoukankan      html  css  js  c++  java
  • select 多选 (EasyUI)

    <script type="text/javascript" src="/EasyUI/jquery.min.js"></script>
    <script type="text/javascript" src="/EasyUI/jquery.easyui.min.js"></script>
    <select id="ddlyou" runat="server" class="easyui-combotree" style=" 205px; height: 24px;">
    </select>

    只能是 id 与 text的固定组合
    <%=ViewState["check"]%> 是数据来源
     $(function () {
            $('#<%=ddlyou.ClientID%>').combotree({
                valueField: "id", //Value字段
                textField: "text", //Text字段
                multiple: true,
     
                data: [{ "id": "0", "text": "All", "children": <%=ViewState["check"]%> }]
    ,
    data: [{ "id": "0", "text": "All", "children": [{ "id": 13, "text": "C1" }, { "id": 14, "text": "C2" }, { "id": 15, "text": "C3"}]}]
    ,
     
                //url: "tree_data2.json", //数据源
                onCheck: function (node, checked) {
                    //让全选不显示
                    $("#<%=ddlyou.ClientID%>").combotree("setText", $("#<%=ddlyou.ClientID%>").combobox("getText").toString().replace("全选,", ""));
                },
                onClick: function (node, checked) {
                    //让全选不显示
                    $("#<%=ddlyou.ClientID%>").combotree("setText", $("#<%=ddlyou.ClientID%>").combobox("getText").toString().replace("全选,", ""));
                }
            });
        });

    var youpin = document.getElementById("_easyui_textbox_input3").value;  选中的值 //_easyui_textbox_input3  替换成对应id
    再三须慎意,第一莫欺心
  • 相关阅读:
    jQuery基础 如何处理网页内容
    jQuery基础 如何判断页面元素存在与否
    什么是 JSON
    动软Codematic生成SQL代码与CodeSmith生成NHibernate代码区别
    jQuery基础 树形结构的选择器
    C# 将汉字转换成拼音
    改善你的jQuery的25个步骤 从头看完会有无数收获,千倍级效率提升
    jQuery基础 添加/移除CSS类
    让数据库支持VS一样的智能提示
    循环输出多维数组
  • 原文地址:https://www.cnblogs.com/otsf/p/8707684.html
Copyright © 2011-2022 走看看