欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery ezUI 雙擊行記錄彈窗查看明細(xì)的實(shí)現(xiàn)方法

 更新時(shí)間:2016年06月01日 16:49:19   投稿:jingxian  
下面小編就為大家?guī)?lái)一篇jquery ezUI 雙擊行記錄彈窗查看明細(xì)的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

第一步:給DataGrid綁定onDblClickRow事件;

<table title="" id="dataTable" class="easyui-datagrid" style="height: 500px;" data-options="
 url: '/ajaxget.aspx?_t='+new Date().getTime()+'&_action=SVNGetHandler.GetSearchPageData&searchType=&keyword=*',
 method: 'get', 
 rownumbers: true,
 singleSelect:true,
 border:0, 
 idField: 'Id', 
 columns:[[ 
   {field:'ProjectId',title:'項(xiàng)目Id',width:30,align:'left'},
   {field:'ProjectName',title:'項(xiàng)目名稱',width:150,align:'left'},
   {field:'ProjectNum',title:'項(xiàng)目編號(hào)',width:100,align:'left'}
 ]],
 toolbar:'#myToolbar', 
 pagination:true,
 fitColumns: true,
 pageSize:20, 
 onDblClickRow:onDblClickRow
 ">
 </table>

第二步:編寫(xiě)行雙擊事件

//行雙擊事件
function onDblClickRow() {
var item = $('#dataTable').datagrid("getSelected");
if (item != null) {
editId = item.Id;
var html = "";
html += "項(xiàng)目名稱:" + item.ProjectName + "<br/>";
html += "項(xiàng)目編號(hào):" + item.ProjectNum + "<br/>";
html += "<br/>"; 
show(item.ProjectName + " 項(xiàng)目詳情", html); 
}
}

第三步:彈出窗口顯示詳細(xì)信息:

<div id="details" style="padding: 10px;line-height:20px;font-size:12px"></div>
function show(title, msg) { 
$('#details').html("<div id=\"output\" style=\"width:99%;height:96%;border:0\">" + msg + "</div>");
$('#details').dialog({
title: title,
width: 800,
height: 400,
iconCls: 'icon-custom-eye',
closed: false,
cache: false,
modal: true
});
}

以上這篇jquery ezUI 雙擊行記錄彈窗查看明細(xì)的實(shí)現(xiàn)方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • jQuery隔行變色與普通JS寫(xiě)法的對(duì)比

    jQuery隔行變色與普通JS寫(xiě)法的對(duì)比

    普通JS寫(xiě)法與jQuery選擇器寫(xiě)法,選擇table的行,隔一行,選擇一行,感興趣的朋友可以參考下哈,希望對(duì)你有所幫助
    2013-04-04
  • 基于jquery+thickbox仿校內(nèi)登錄注冊(cè)框

    基于jquery+thickbox仿校內(nèi)登錄注冊(cè)框

    近日,客戶說(shuō)他想要個(gè)類似于人人網(wǎng)(以前為校內(nèi))的登錄框效果,于是上網(wǎng)搜了下,發(fā)現(xiàn)有一個(gè)仿得比較好的,于是就拿過(guò)來(lái)用了用。
    2010-06-06
  • JQuery中層次選擇器用法實(shí)例詳解

    JQuery中層次選擇器用法實(shí)例詳解

    這篇文章主要介紹了JQuery中層次選擇器用法,以實(shí)例形式較為詳細(xì)的分析了jQuery中層次選擇器的各種常見(jiàn)使用技巧,并備有較為詳細(xì)的注釋說(shuō)明,需要的朋友可以參考下
    2015-05-05
  • jquery制作多功能輪播圖插件

    jquery制作多功能輪播圖插件

    本文給大家分享的是一款基于jQuery制作的多功能的輪播幻燈插件,支持多種配置,十分的實(shí)用,這里推薦給大家,有需要的小伙伴可以參考下。
    2015-04-04
  • 基于Jquery的仿Windows Aero彈出窗(漂亮的關(guān)閉按鈕)

    基于Jquery的仿Windows Aero彈出窗(漂亮的關(guān)閉按鈕)

    目前市面上已經(jīng)有很多成熟好用的jquery彈出窗插件,像模態(tài)窗口插件(Modal Dialog Plugins)以及數(shù)不勝數(shù)的燈箱插件(lightbox plugins)。
    2010-09-09
  • jQuery實(shí)現(xiàn)html雙向綁定功能示例

    jQuery實(shí)現(xiàn)html雙向綁定功能示例

    這篇文章主要介紹了jQuery實(shí)現(xiàn)html雙向綁定功能,涉及jQuery針對(duì)HTML頁(yè)面元素事件綁定相關(guān)操作技巧,需要的朋友可以參考下
    2017-10-10
  • jQuery技巧總結(jié)

    jQuery技巧總結(jié)

    隨著WEB2.0及ajax思想在互聯(lián)網(wǎng)上的快速發(fā)展傳播,陸續(xù)出現(xiàn)了一些優(yōu)秀的Js框架,其中比較著名的有Prototype、YUI、jQuery、mootools、Bindows以及國(guó)內(nèi)的JSVM框架等
    2011-01-01
  • jQuery實(shí)現(xiàn)下拉框左右選擇的簡(jiǎn)單實(shí)例

    jQuery實(shí)現(xiàn)下拉框左右選擇的簡(jiǎn)單實(shí)例

    本篇文章主要是對(duì)jQuery實(shí)現(xiàn)下拉框左右選擇的簡(jiǎn)單實(shí)例進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助
    2014-02-02
  • jquery實(shí)現(xiàn)input輸入框?qū)崟r(shí)輸入觸發(fā)事件代碼

    jquery實(shí)現(xiàn)input輸入框?qū)崟r(shí)輸入觸發(fā)事件代碼

    如何實(shí)現(xiàn)input輸入框?qū)崟r(shí)輸入觸發(fā)事件,下面有個(gè)不不錯(cuò)的示例使用jquery實(shí)現(xiàn)的,感興趣的朋友可以參考下
    2014-01-01
  • 基于JQuery制作可編輯的表格特效

    基于JQuery制作可編輯的表格特效

    這篇文章主要介紹了基于JQuery制作可編輯的表格特效,一共給出了2種解決方案,小伙伴們能看出來(lái)哪種方案更合理嗎?
    2014-12-12

最新評(píng)論