Script Hierarchy

[Joel]

If I have a script inside a Partial, help me understand how I can call a script on the Host/Parent View.  So, from a Grid Command, how do I call a function locally to capture a value then feed that value to the Host/Parent View?

[Alex Hajigeorgieva]

Hi, Joel,

A function declared in the partial view will have access to any widgets which are in the main view. Since I do not understand the entirety of the scenario, I will give you an example. 

- I have a Kendo UI TreeList in my Index.cshtml view which also renders a grid partial:

@(Html.Partial("_GridPartial"))

- In the partial file, the grid has a command column with a click event handler that gets the currently clicked row and highlights a row from the TreeList which is on the main page:

columns.Command(command => command.Custom("custom").Click("customCommandClick").Text("Custom Command").IconClass("k-icon k-i-eye"));

<script>
    function customCommandClick(e) {
        e.preventDefault();
        var tr = $(e.target).closest("tr");
        var dataItem = this.dataItem(tr);
        var treelist = $("#treelist").data("kendoTreeList");
        treelist.select($("tr:eq(" + dataItem.OrderID + ")"));
    }
</script>

In case you have something else in mind, please elaborate on the specifics of the scenario so I may alter my suggestion accordingly.

Kind Regards,
Alex Hajigeorgieva
Progress Telerik