This is a migrated thread and some comments may be shown as answers.

Can I pass a parameter on the databound event.?

4 Answers 1657 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Yin
Top achievements
Rank 1
Yin asked on 24 Aug 2013, 10:49 AM

Now I write the event three times:
grid1 .Events(events => events.DataBound("onDataBound1")    function onDataBound1(){alert('grid1 bound!')}
grid2 .Events(events => events.DataBound("onDataBound2")    function onDataBound2(){alert('grid2 bound!')}
grid3 .Events(events => events.DataBound("onDataBound3").   function onDataBound3(){alert('grid3 bound!')}
I
have 3 grid in a view page,I use databound .Events(events =>
events.DataBound("onDataBound") on each gird,Can I pass a parameter on
the databound  event.
   function onDataBound(index){
if(index==1) alert('grid1 bound!');
else if(index==2) alert('grid2 bound');
else alert('grid3 bound');
}



4 Answers, 1 is accepted

Sort by
1
Jayesh Goyani
Top achievements
Rank 2
answered on 26 Aug 2013, 02:28 PM
Hello,

function onDataBound(arg) {
        if (arg.sender.element[0].id == "grid1") {
            alert('grid1');
        }
        else if (arg.sender.element[0].id == "grid2") {
            alert('grid2');
        }
        else if (arg.sender.element[0].id == "grid3") {
            alert('grid3');
        }
    }


Thanks,
Jayesh Goyani
0
Jayesh Goyani
Top achievements
Rank 2
answered on 26 Aug 2013, 02:31 PM


<div id="grid">
</div>
<script>
 
    function onDataBound(e) {
        if (e.sender.element[0].id == "grid1") {
            alert('grid1');
        }
        else if (e.sender.element[0].id == "grid2") {
            alert('grid2');
        }
        else if (e.sender.element[0].id == "grid3") {
            alert('grid3');
        }
    }
 
    $(document).ready(function () {
 
        $("#grid").kendoGrid({
            dataSource: {
                type: "odata",
                transport: {
                    read: "http://demos.kendoui.com/service/Northwind.svc/Orders",
                    dataType: "jsonp"
                },
                pageSize: 5
            },
            selectable: "multiple cell",
            pageable: {
                buttonCount: 5
            },
            dataBound: onDataBound,
            scrollable: false,
            navigatable: true,
            columns: [
                                { field: "OrderID", title: "Order ID", width: 60 },
                                { field: "CustomerID", title: "Customer ID", width: 90 },
                                { field: "ShipName", title: "Ship Name", width: 220 },
                                { field: "ShipAddress", title: "Ship Address", width: 280 },
                                { field: "ShipCity", title: "Ship City", width: 110 },
                                { field: "ShipCountry", title: "Ship Country", width: 110 },
 
 
                            ]
        });
 
    });
</script>
0
Jayesh Goyani
Top achievements
Rank 2
answered on 26 Aug 2013, 02:32 PM


function onmyDataBound(e) {
        if (e.sender.element[0].id == "grid1") {
            alert('grid1');
        }
        else if (e.sender.element[0].id == "grid2") {
            alert('grid2');
        }
        else if (e.sender.element[0].id == "grid3") {
            alert('grid3');
        }
    }
0
Jayesh Goyani
Top achievements
Rank 2
answered on 26 Aug 2013, 02:33 PM
Hello,

Please check attached image. Due to some reason i am not able to post this code here.



Thanks,
Jayesh Goyani
Tags
Grid
Asked by
Yin
Top achievements
Rank 1
Answers by
Jayesh Goyani
Top achievements
Rank 2
Share this question
or