绑定telerik radtreeview客户端
-
22-10-2019 - |
题
我有一个javascript阵列,我想用来填充radtreeview。除了手动编写自己的绑定方法以供我的对象收集,我无法弄清楚如何从客户端完成此操作。
我的JavaScript数组中的每个对象都有
id parendid值文本
是否可以从客户端的JavaScript数据结构中自动填充整个树?我必须这样做1 x-1吗?通过穿越我的阵列并递归地沿着树上沿着树木沿线?
我正在使用Web服务来获取带有此数据的JSON对象,我想完全构建树,而不仅仅是在扩展的节点上。
解决方案
显然,无法从客户端绑定整棵树。您可以做的最多的是绑定第一级节点,当用户点击每个节点时,您可以填充儿童节点进行另一个Web方法调用。
<telerik:RadTreeView OnClientNodeClicking="PopulateChild" DataTextField="Text"
ID="datesTree" runat="server">
<WebServiceSettings Path="../AcmeWebService.asmx" Method="GetRootNodes" />
<Nodes>
<telerik:RadTreeNode Text="Root Node" ImageUrl="../images/truckicon.png" ExpandMode="WebService" />
</Nodes>
</telerik:RadTreeView>
您的getRootnodes方法看起来像这样:
[WebMethod, ScriptMethod]
public RadTreeNodeData[] GetRootNodes(RadTreeNodeData node, object context)
{
DataTable productCategories = GetProductCategories(node.Value);
List<RadTreeNodeData> result = new List<RadTreeNodeData>();
foreach (DataRow row in productCategories.Rows)
{
RadTreeNodeData itemData = new RadTreeNodeData();
itemData.Text = row["Title"].ToString();
itemData.Value = row["CategoryId"].ToString();
if (Convert.ToInt32(row["ChildrenCount"]) > 0)
{
itemData.ExpandMode = TreeNodeExpandMode.WebService;
}
result.Add(itemData);
}
return result.ToArray();
}
Populatechild客户端方法可以是:
function PopulateChild(sender, args) {
var treeView = $find('datesTree');
var nodeText = "";
$.ajax({
type: "POST",
url: "../AcmeWebService.asmx/GetChildNodes",
contentType: "application/json; charset=utf-8",
dataType: "json",
data: "{'nodeText': '" + nodeText + "','nodeValue': '" + args.get_node().get_value() + "','param2':'" + treeView.get_allNodes()[0].get_value() + "' }",
success: function(msg) {
if (treeView != null) {
treeView.trackChanges();
var parent = treeView.get_selectedNode() || treeView;
var count = parent.get_nodes().get_count();
for (var i = 0; i < msg.d.length; i++) {
var node = new Telerik.Web.UI.RadTreeNode();
node.set_text(msg.d[i].Text);
node.set_value(msg.d[i].ParentID);
node.set_expanded(true);
parent.get_nodes().add(node);
}
treeView.commitChanges();
}
}
});
}
在填充子节点的Web服务方法上可能是:
[WebMethod, ScriptMethod]
public IEnumerable<YourNode> GetChildNodes(string nodeText, string nodeValue, int param2)
{
//call your DAL with any parameter you passed in from above
IEnumerable<YourNode> nodes = ...
return nodes;
}
注意0 上面的方法不会返回radtreenodedata的数组。它可以是您自己的自定义对象的任何集合。也是如此 GetRootNodes
只是我从Telerik的网站上复制了那个;)
注1: 我曾经有一次类似的场景,我使用了这种技术,最初是加载第一级节点并在Client Click上加载其他节点。我在这里发布的一些代码是我原始代码的缩写版本。
我希望它有帮助。
其他提示
根据文档,客户端 Nodes
属性仅阅读:
不隶属于 StackOverflow