1. 程式人生 > >select 多選 (EasyUI)

select 多選 (EasyUI)

element rip 字段 child class nbsp tex idt log

<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

select 多選 (EasyUI)