EasyUI使用之鼠標雙擊事件


easyui鼠標雙擊事件,使用 onDblClickRow(index, row) 事件,在用戶雙擊一行的時候觸發,參數包括:

  • index:點擊的行的索引值,該索引值從0開始。
  • row:對應於點擊行的記錄。
$("#wu-datagrid-news").datagrid({
    loadFilter: pagerFilter,//分頁
    rownumbers: true,//如果為true,則顯示一個行號列。
    singleSelect: false,//如果為true,則只允許選擇一行。
    multiSort: true,//定義是否允許多列排序。
    fitColumns: true,//真正的自動展開/收縮列的大小,以適應網格的寬度,防止水平滾動。
    fit: true,//自適應
   idField: 'id',//指明哪一個字段是標識字段
    loadMsg: 'Processing, please wait …',//在從遠程站點加載數據的時候顯示提示消息。
    pagination: true, //如果為true,則在DataGrid控件底部顯示分頁工具欄。
    
columns: [[{ field:
'id', //列字段名稱 width: '100', //列的寬度。如果沒有定義,寬度將自動擴充以適應其內容。 title: 'ID', //列標題文本 checkbox: true //復選框,該復選框列固定寬度。 }, { field: 'trainTitle', title: '標題', width: '300', align: 'center' }, { field: 'trainAuthor', title: '作者', width: '100', align: 'center' }, { field: 'trainBody', title: '正文', width: '500', align: 'center' }, { field: 'imgPath', title: '圖片', width: '80', align: 'center', hidden:'true'//此列隱藏 }, { field: 'createTime', title: '創建時間', width: '150', align: 'center' } ]], onDblClickRow:function(rowIndex){//鼠標雙擊事件 $("#wu-datagrid-news").datagrid("selectRow",rowIndex);//選中此行 var currentRow = $("#wu-datagrid-news").datagrid("getSelected");//獲得選中行的信息 //彈出框賦值 $("#newsTitle").val(currentRow["trainTitle"]); $("#newsAuthor").val(currentRow["trainAuthor"]); $("#newImg").attr('src',''); $("#newImg").attr('src',httpurl+'/'+currentRow["imgPath"]); $("#newsBody").val(currentRow["trainBody"]); $("#imgPath").hide(); $('#wu-dialog-news').dialog({//彈出框 closed: false, modal: true, title: "查看信息", buttons: [{ text: '確定', iconCls: 'icon-ok', handler: function () { $('#wu-dialog-news').dialog('close'); } }] }); } });


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM