這是什么意思，難道layui.js沒有這個方法嗎？
uj5u.com熱心網友回復：
你在樹結構宣告里去post請求是什么操作uj5u.com熱心網友回復：
我這個需要實作對資料庫的操作，需要post到后臺
uj5u.com熱心網友回復：
我用的是layui框架 ，按照layui官網上做的，js代碼都是最新的但是還是顯示tree中沒有render方法
uj5u.com熱心網友回復：
那你的post應該放在這里 根據不同的操作去提交資料
tree.render({
elem: '#test1'
,operate: function(obj){
var type = obj.type; //得到操作型別：add、edit、del
var data = obj.data; //得到當前節點的資料
var elem = obj.elem; //得到當前節點元素
//Ajax 操作
var id = data.id; //得到節點索引
if(type === 'add'){ //增加節點
//回傳 key 值
return 123;
} else if(type === 'update'){ //修改節點
console.log(elem.find('.layui-tree-txt').html()); //得到修改后的內容
} else if(type === 'del'){ //洗掉節點
};
}
});
uj5u.com熱心網友回復：
如果是要動態系結資料的話 按照檔案給的格式回傳json資料之后賦值給data屬性資料源屬性選項
uj5u.com熱心網友回復：
我知道你說的這個是對資料庫的添刪改查，但是這個tree.render方法錯誤，沒辦法顯示樹，所以添刪改查就無法進行。uj5u.com熱心網友回復：
我layui官網上看到過這個，然后我用了用，提示tree.render is not function找不到這個方法uj5u.com熱心網友回復：
public class TreeNode
{
public TreeNode() { children = new List<TreeNode>(); }
public string title { get; set; }
public int id { get; set; }
public List<TreeNode> children { get; set; }
public string href { get; set; }
public bool spread { get; set; } = true;
public bool @checked { get; set; } = true;
public bool disabled { get; set; }
}
[HttpGet]
public JsonResult GetTree()
{
List<TreeNode> root = new List<TreeNode>();
TreeNode node1 = new TreeNode() { title = "Parent1", id = 1 };
TreeNode node2 = new TreeNode() { title = "Parent2", id = 2 };
List<TreeNode> childen1 = new List<TreeNode>() { new TreeNode() { title = "P1Child1", id = 3 }, new TreeNode() { title = "P1Child2", id = 4 } };
List<TreeNode> childen2 = new List<TreeNode>() { new TreeNode() { title = "P2Child1", id = 5 }, new TreeNode() { title = "P2Child2", id = 6 } };
node1.children.AddRange(childen1);
node2.children.AddRange(childen2);
root.Add(node1);
root.Add(node2);
return Json(root, JsonRequestBehavior.AllowGet);
}
<div id="treeContainer"></div>
<script src="https://bbs.csdn.net/topics/~/Scripts/layui/layui.js"></script>
<script>
var treeData;
$.get('/Home/GetTree', function (data) {
treeData = data;
});
layui.use('tree', function () {
var tree = layui.tree;
var inst = tree.render({
elem: '#treeContainer',
data: treeData
});
});
</script>
uj5u.com熱心網友回復：
謝謝了，等會我試一下，再給你回
uj5u.com熱心網友回復：
老哥，還是不行啊！這應該是JS的錯誤！但是我參考了最新的JS，但是還是不行！
uj5u.com熱心網友回復：
uj5u.com熱心網友回復：
用layui.js 不是layui.all.jsuj5u.com熱心網友回復：
還有你看下你的network里有請求到tree.js嗎uj5u.com熱心網友回復：
我換成layui.js就成這個樣了。然后怎么弄呢？
uj5u.com熱心網友回復：
你的layui檔案夾下面是不是沒有lay/modules這個目錄所有的組件都是通過這個目錄下的js加載到頁面的
uj5u.com熱心網友回復：
有
uj5u.com熱心網友回復：
目錄結構是這樣 不建議去調整如果需要調整的話 按照這個結構去對應調整 否則會呼叫不到
你現在的情況應該是layui.js和lay目錄不在同級造成的
uj5u.com熱心網友回復：
可以顯示樹了，但是不是資料庫的資料，都顯示未命名
uj5u.com熱心網友回復：
uj5u.com熱心網友回復：
感謝了，大神。在你的幫助下搞定了
uj5u.com熱心網友回復：
layui自身不帶tree組件的，你需要自己去找個tree的插件去，要不就報錯uj5u.com熱心網友回復：
方法錯誤。無法顯示樹uj5u.com熱心網友回復：
將layui升級到最新的2.5.4 就可以了，新的tree將不再兼容以前的版本。uj5u.com熱心網友回復：
layui的tree, 怎么達到編輯器中那樣有圖示的樣子，沒看到有配置項。。轉載請註明出處，本文鏈接：https://www.uj5u.com/net/106025.html
標籤：ASP.NET
上一篇：Assembly.CreateInstance問題求大神
下一篇：添加控制器出錯