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="width: 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
posted @   笑兮兮  阅读(1968)  评论(0编辑  收藏  举报
编辑推荐:
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
阅读排行:
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· Spring AI + Ollama 实现 deepseek-r1 的API服务和调用
· 数据库服务器 SQL Server 版本升级公告
· 程序员常用高效实用工具推荐,办公效率提升利器!
· C#/.NET/.NET Core技术前沿周刊 | 第 23 期(2025年1.20-1.26)
点击右上角即可分享
微信分享提示