This question is locked. New answers and comments are not allowed.
Hello,
I'd like to know how to trigger the databinding when a button is clicked. This is my treeview:
@(Html.Telerik().TreeView()
.Name("HierarchyView")
.ShowCheckBox(true)
.DataBinding(dataBinding => dataBinding
.Ajax().Select("GetPartList", "Home"))
.ClientEvents(events => events.OnDataBinding("TreeView_onDataBinding"))
.BindTo(Model, mappings =>
{
mappings.For<MvcTestTelerik.Models.PartModel>(binding => binding
.ItemDataBound((item, mainpart) =>
{
item.Text = "<strong>" + mainpart.PartNumber + " " + mainpart.PartDescription + "</strong>";
item.Encoded = false; // to prevent the treeview from HTML encoding
})
.Children(branch => branch.childModel)
);
mappings.For<MvcTestTelerik.Models.PartChildModel>(binding => binding
.ItemDataBound((item, childpart) =>
{
item.Text = childpart.PartNumber;
})
.Children(branch => null)
);
})
)
I have a button:
<button class="t-button t-state-default" type="submit" onclick="getPart();">Save</button>
Here is my jvscript for the button event:
function getPart() {
var part = $(txtPart).val();
// I'm stuck here - how can I pass the parameter - part - to rebind my treeview?
}
I have this code to rebind but it does not work:
Please help! Thanks!!
I'd like to know how to trigger the databinding when a button is clicked. This is my treeview:
@(Html.Telerik().TreeView()
.Name("HierarchyView")
.ShowCheckBox(true)
.DataBinding(dataBinding => dataBinding
.Ajax().Select("GetPartList", "Home"))
.ClientEvents(events => events.OnDataBinding("TreeView_onDataBinding"))
.BindTo(Model, mappings =>
{
mappings.For<MvcTestTelerik.Models.PartModel>(binding => binding
.ItemDataBound((item, mainpart) =>
{
item.Text = "<strong>" + mainpart.PartNumber + " " + mainpart.PartDescription + "</strong>";
item.Encoded = false; // to prevent the treeview from HTML encoding
})
.Children(branch => branch.childModel)
);
mappings.For<MvcTestTelerik.Models.PartChildModel>(binding => binding
.ItemDataBound((item, childpart) =>
{
item.Text = childpart.PartNumber;
})
.Children(branch => null)
);
})
)
I have a button:
<button class="t-button t-state-default" type="submit" onclick="getPart();">Save</button>
Here is my jvscript for the button event:
function getPart() {
var part = $(txtPart).val();
// I'm stuck here - how can I pass the parameter - part - to rebind my treeview?
}
I have this code to rebind but it does not work:
function TreeView_onDataBinding(e) {
var treeview = $(this).data("tTreeView");
var part = $(txtPart).val();
e.data = { partNum: part };
}
Please help! Thanks!!