使用slideToggle按钮在两行jquery数据表之间添加动态html表

时间:2014-11-04 20:14:36

标签: javascript jquery json html5

 - Here Sample code for table creation in JQuery.
`
var oTable = $('#tblData').dataTable( {
                    "bJQueryUI": true,
                    "bPaginate": false,
                    "sScrollY": 125,
                    "aaData": [],
                    "aaSorting": [[ 0, 'desc' ]],
                    "asStripeClasses": [ 'strip1', 'strip1'],
                    "bAutoWidth": false,
                    "aoColumns": [
                        { "sTitle": "", "sClass": "text-left" },
]
                } ); 
`

- 在这里回复我的JS后添加数据。

function result(response) { var TempData = '<div id="DB_Data"> <table width="100%" border="1"><tr><td>Data</td><td>1stColomn</td></tr><tr><td></td><td></td></tr></table></div>'; //here for sample two rows with two colomns
var temp = "$('#DB_Data').slideToggle();"; // for call table var ColButton = '<img class="" onClick="'+temp+'" src="../right.png" width="20px" />'; // for button creation var arr =[]; $(response.Data).each(function(index, element) {
var t = ["",this.Date,this,time.....];
arr.push(t); });
var oTable = $('#tblData').dataTable(); oTable.fnClearTable(); $('#tblData').dataTable().fnAddData(arr); }

     - 这里是如何在点击第一列切换按钮时创建/显示DB_Data表。      - 保存我的日子。上面的代码有什么问题      - 图像是:         ![在此输入图像说明] [1]

  [1]: http://i.stack.imgur.com/LpWHN.jpg

0 个答案:

没有答案