1. 程式人生 > >EasyUI的combotree 預設節點選中呢

EasyUI的combotree 預設節點選中呢

$('#selShenqFuwujg').combotree({
            url: '../../GetFuwujgInfo.aspx?type=GetFuwujgTree&PID=',
            onLoadSuccess: function (node, data) {
                if (!loadFlag && data != null) {
                    node = $('#selShenqFuwujg').combotree("tree").tree("find", data[0].id);
                    loadFlag = true;

                    //for (i = 0; i < node.length ; i++) {
                    //    node = $('#selShenqFuwujg').combotree('tree').tree('find', node[i]);
                    //    $('#selShenqFuwujg').combotree('tree').tree('check', node.target);
                    //    $('#selShenqFuwujg').combotree('tree').tree('expandAll', node.target);
                    //}
                    //debugger;
                    //$('#selShenqFuwujg').combotree("setValue", data[0].id);
                    $('#selShenqFuwujg').combotree('setValue', { id: data[0].id, text: data[0].text });
                    //$('#selShenqFuwujg').combotree("check", data[0].id);

                }
            },
            onBeforeExpand: function (node) {
                var children = $('#selShenqFuwujg').combotree("tree").tree('getChildren', node.target);
                if (children.length < 1) {
                    trnode = node.id;
                    $('#selShenqFuwujg').combotree("tree").tree("options").url = '../../GetFuwujgInfo.aspx?type=GetFuwujgTree&PID=' + node.id;
                }
            },
            onChange: function (newValue, oldValue) {
            }
        });

重點 實現就一句

$('#selShenqFuwujg').combotree('setValue', { id: data[0].id, text: data[0].text });


注意easyui的版本

其他實現方式請參考文末的[參考文獻]

ui15HxuSTE8K4I5UoduCikUW9sF0L+AeUqXS2ZYcGgbtX6y9N2sgIXj7t2tdVuUkUXjQIw07pmpW8kf4dsAaF57DErBAAVTfrD744z8U0a50m6Ylijf/sjVyDuDzCvulXz+2yByNbN/Wx6IfeNeDYttsqR97o62E32bWzqxjjgs=

參考文獻:

[1]http://bbs.csdn.net/topics/370205131

[2]http://aokunsang.iteye.com/blog/1489204

[3]http://blog.csdn.net/zhu_nana/article/details/50036275

[4]http://www.cnblogs.com/jingsha/p/5596745.html

相關推薦

EasyUI的combotree 預設節點選中

$('#selShenqFuwujg').combotree({ url: '../../GetFuwujgInfo.aspx?type=GetFuwujgTree&PID=', onLoadSuccess: fun

ElementUI的DatePicker多個日期選擇器預設沒有選中樣式的問題

背景   在使用vue+element開發的時候由於專案需要,需要使用element日期選擇器裡面的支援多選以及跳選的日期選擇器。   就是這貨: code: <el-date-picker v-model="value13" type="dates"> <

ExtJS Combobox 屬性詳解和預設選中

                var store = new Ext.data.SimpleStore({  

vue select預設選中狀態的內容

<select name="" id="" v-model="selected" @change="changeIndex(indexs)"> <option v-for="(item, index) in lists" :key="index" :value="getTe

EasyUITree設定節點選中

function callback1(){ reloadMind(); LoadTree0($("#tt1"),"137103"); setTimeout(function(){ var node = $('#tt1

easyui combotree預設全部選中

$('#puruserid').combotree({ url : url, cascadeCheck : false, multiple : true, panelHeight : 180, required:true, formatter : function

layui和jQuery根據資料庫給複選框設定預設選中checked

設定複選框被選中 根據資料庫查詢的資料與input標籤的title的值對比,相同則頁面載入時預設被選中 layui設定被選中後,必須要進行“更新渲染”後,複選框才會顯示被選中,否則只是checked改變,頁面複選框無變化 更新渲染 1. 頁面

C# 父子選單填充到TreeNode(並根據遞迴次數設定節點選中狀態)

/// <summary> /// 子節點選中的遞迴次數 /// </summary> static int recursionCount = 0; /// <summary> /// 設定選單到TreeNode /// </summary> ///

自定義Spinner--可以預設選中,修改預設顯示的spinner

今天接了一個需求,要寫一個下拉框供客戶選擇 但是預設是不選中的,還要有一個提示客戶選擇的內容 一開始覺得挺簡單的,用一個spinner就搞定了,但是發現spinner是預設選中的,而且進入頁面時候就呼叫了onItemSelected這個介面,並且不能修改預設顯示的內容 上網

ListView點選item改變背景,重新選中另一項重新整理,預設選中第一項的狀態

今天在工作中遇到一個需求,一個橫版的listview,需要設定item選中之後改變當前item的背景色,重新選擇另一個item之後新選擇的改變背景,原來的恢復,並且需要設定第一項預設選中,開始想的解決方案是給item的根目錄背景設定一個選擇器,點選時一種顏色,取消點選一種顏

ztree 回顯資料時 不讓父節點選中下面所有的子節點

treeObj.checkNode(checkedNode, true, false) var treeObj; $(function() { //得到所有的樹資

前端頁面中各種常用資料回顯、預設選中問題——JS學習筆錄

最近常常遇到各種複選框、單選框、下拉框的預設被選中的問題,開始也是絞盡腦汁的想辦法,今天寫一篇學習總結的博文來寫一下學習總結。 單選框(radio)預設被選中: 一、jstl技術進行回顯 <input type="radio" name="sex" <f:i

vue select預設選中狀態的內容

<select name="" id="" v-model="selected" @change="changeIndex(indexs)"> <option v-for="(item, index) in lists" :key="index" :

visual studio 2015 profession 解決智慧提醒預設選中的問題

問題描述 在用vs2015寫c++程式時,敲入字母后會自動給出候選項。但是這時候有一種非常氣人的設定是,你直接回車後它並沒有直接幫你補全這個單詞。比如說,你輸入“usi”,會出現以下情況: 解決方案 以下為英文版本(中文版本清自己對照操作) 1

修改tableView多選預設藍色選中按鈕 , 全選 , 取消全選

經常會有需求 , 更改tableView多選的預設按鈕顏色 , 預設為藍色 , 很多情況下可能會根據自己專案的主題色進行修改 . 簡單粗暴 , 直接上程式碼 . 重寫Cell的佈局方法 ,

kendo ui treeview設定節點選中

var treeview = $("#treeView").data("kendoTreeView"); if(treeview){   treeview.select($());   var treeNodeData = treeview.dataSource.get(t

easyui-combotree 下拉樹禁用父節點選中

直接付原始碼: nodeIsLeaf:function(node){ //返回樹物件 var tree = $(this).tree; //選中的節點是否為葉子節點,如果不是葉子節點,清除選中

[asp.net] easyui 複選tree預設選中第一個節點

為了實現頁面載入成功的時候選中全部的引數,如溫度、溼度等,需要選中對應的複選框才能觸發echarts的資料請求和載入顯示事件,所以,需要選中第一個節點,即父節點,實現引數的全部選中。效果如下圖所示。實現程式碼如下:<!DOCTYPE html> <html&

easyui tree 預設選中第一個節點

    $(function(){       var addr_tree = $("#mytree").tree({           url:'',           method:"post",           onSelect:function(n

easy-ui tree樹某個節點預設選中

近期寫的專案是用easy-ui,這個框架除了介面醜,其餘都還挺好用的。 這次要說tree樹設定預設選中 1、html頁面 <ul id="tree" class="easyui-tree" data-options="valueField:'id'">