$("#flexClients").flexigrid({ url: '/Client/Client/', dataType: 'json', colModel: [ { display: 'Client Id', name: 'Id', width: 100, sortable: true, align: 'center', hide: true }, { display: 'Client #', name: 'Number', width: 100, sortable: true, align: 'center' }, { display: 'Name', name: 'Name', width: 350, sortable: true, align: 'center' }, { display: 'Contact 1', name: 'Contact1', width: 350, sortable: true, align: 'center' }, ], buttons: [ { name: 'Add', bclass: 'add', bimage: '../Content/Themes/FlexiGrid/Images/add.png', tooltip: 'Add new client', onpress: add }, { name: 'Edit', bclass: 'edit', bimage: '../Content/Themes/FlexiGrid/Images/edit.png', tooltip: 'Edit selected client', onpress: edit }, { name: 'Delete', bclass: 'delete', bimage: '../Content/Themes/FlexiGrid/Images/delete.png', tooltip: 'Delete selected client', onpress: del }, { separator: true } ], searchitems: [ { display: 'Client Name', name: 'Name' }, { display: 'Contact 1', name: 'Contact1' } ], sortname: "Name", sortorder: "asc", usepager: true, title: 'Clients', useRp: true, rp: 15, rpOptions: [5, 10, 15, 20, 25, 40], showTableToggleBtn: true, width: 900, onSubmit: addFormData, //onDoubleClick: edit('Edit', this), //onSuccess: bindDblClick, addTitleToCell: true, hideOnSubmit: false, height: 'auto', singleSelect: true }); //This function adds parameters to the post of flexigrid. You can add a verification as well by return to false if you don't want flexigrid to submit function addFormData() { //passing a form object to serializeArray will get the valid data from all the objects, but, if the you pass a non-form object, you have to specify the input elements that the data will come from var dt = $("#add-edit-form").serializeArray(); dt = dt.concat($('#frmClientsSearch').serializeArray()); $("#flexClients").flexOptions({ params: dt }); return true; } //function bindDblClick() { // $('#flexClients tr').dblclick(function () { // alert('Double Click'); // edit('Edit'); // }); //} $('#flexClients tr').dblclick(function () { alert('dblclick'); edit(); });then it's never get called at all when I double click on the row. So, adding tr here makes it not work.
>>function edit(com, grid) { >> $('.trSelected', grid).each(function () { >> >> var id = $(this).attr('id'); >> id = id.substring(id.lastIndexOf('row') + 3); >> currentId = id; >> $('#fntype').val('Edit'); >> var ClientName; >> ClientName = $('.trSelected td:eq(2)').text(); >> var url = '/Client/Edit/' + id; >> >> $.get(url, function (html) { >> $($dlg).html(html); >> }); >> >> RunModalDialog("Edit Client: " + ClientName); >> >> }); >>}>>
>> buttons: [ >> { name: 'Add', bclass: 'add', bimage: '../Content/Themes/FlexiGrid/Images/add.png', tooltip: 'Add new client', onpress: add }, >> { name: 'Edit', bclass: 'edit', bimage: '../Content/Themes/FlexiGrid/Images/edit.png', tooltip: 'Edit selected client', onpress: edit }, >> { name: 'Delete', bclass: 'delete', bimage: '../Content/Themes/FlexiGrid/Images/delete.png', tooltip: 'Delete selected client', onpress: del }, >> { separator: true } >> ], >>>>
>>$('#flexClients').dblclick(function () { >> edit(); >>});>>