我table.row.add()使用此代码使用方法在DataTables 1.10.2上动态添加新行:
table.row.add([
'',
name,
target_l,
details,
panel.html()
]).draw();
Run Code Online (Sandbox Code Playgroud)
我制作了这个加价:
<tr role="row" class="odd">
<th>1 .</th>
<td class="sorting_1">ID Fee</td>
<td>All students</td>
<td></td>
<td>
<button class="btn btn-null btn-xs" onclick="_remove(59, 'ID Fee')">
<span class="fui-cross"></span>
</button>
<button class="btn btn-null btn-xs" onclick="_edit(59, 'ID Fee', '', '')">
<span class="icon-pencil"></span>
</button>
</td>
</tr>
Run Code Online (Sandbox Code Playgroud)
我想要做的是将data-id(和其他数据)属性添加到新添加的tr标签(在插入行中或之后),并使其像这样:
<tr data-id="59" role="row" class="odd">
Run Code Online (Sandbox Code Playgroud)
我已经设法使用代码获取新添加的行的索引,并返回最后一行索引:
var i = table.row.add([
'',
name,
target_l,
details,
panel.html()
]).index();
Run Code Online (Sandbox Code Playgroud)
并尝试执行以下操作以使用该索引添加data-id属性:
var id = $("#department_id").val();
table.row(i).attr("data-id", …Run Code Online (Sandbox Code Playgroud) 我正在尝试重新创建pan限制行为,如下所示:http: //econym.org.uk/gmap/example_range.htm
不幸的是,它使用的是API版本2,而不是当前的版本3.我正在更新命令,以便它们是最新的,但我想我可能错过了一些东西,因为它不起作用:
<html>
<body>
<script type="text/javascript" src="http://meyouand.us/scripts/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
$(document).ready(function() {
// Generate map
var latlng = new google.maps.LatLng(37.76201, -122.4375);
var myOptions = { zoom: 12, center: latlng, panControl: false, zoomControl: true, mapTypeControl: false, streetViewControl: false, scrollwheel: true, draggable: true, mapTypeId: google.maps.MapTypeId.TERRAIN };
var map = new google.maps.Map(document.getElementById("gmap"), myOptions);
// Limit panning
// The allowed region which the whole map must be within
var southWest = new google.maps.LatLng(37.684, -122.591);
var northEast = new google.maps.LatLng(37.836, …Run Code Online (Sandbox Code Playgroud) 我正在使用谷歌可视化
var data2 = new google.visualization.DataTable();
data2.addColumn('string', 'time');
data2.addColumn('number', 'amount');
data2.addColumn({ type: 'string', role: 'tooltip' });
data2.addRows(rows_data);
var options2 = {
vAxis: { textPosition: 'none', title: '', textStyle: { fontName: 'arial'} },
hAxis: { slantedText: false, textStyle: { color: '#E6EFFA' }, gridlines: { color: '#E6EFFA', count: 20} },
backgroundColor: '#E6EFFA',
legend: 'none',
chartArea: { top: 0 },
colors: ['#435988'],
chartArea: { width: 800 }
};
chart2 = new google.visualization.LineChart(document.getElementById('chart_div_volume'));
Run Code Online (Sandbox Code Playgroud)
我希望vAxis的位置在右边.可能吗 ?
我使用Webview获得一个不错的页面,我需要上传图像.现在问题是,手机上的大多数图像都是2-3MB,我需要在上传开始之前调整图像大小并降低质量.那么我怎么能用stackoverflow上的示例代码调整它的大小呢?
这段代码打开了Filechooser:
//Android 3.0
public void openFileChooser(ValueCallback<Uri> uploadMsg) {
mUploadMessage = uploadMsg;
Intent i = new Intent(Intent.ACTION_GET_CONTENT);
i.addCategory(Intent.CATEGORY_OPENABLE);
i.setType("image/*");
startActivityForResult(
Intent.createChooser(i, "Image Browser"),
FILECHOOSER_RESULTCODE
);
}
Run Code Online (Sandbox Code Playgroud)
现在我需要一些调整大小并制作副本并上传调整大小.(我知道如何创建一个调整大小的副本,但不知道如何与上面的代码进行交互)
我有以下javascript:
function callback(results, status) {
if (status == google.maps.places.PlacesServiceStatus.OK) {
for (var i = 0; i < results.length; i++) {
place = new Object ({
name: results[i].name,
photo: results[i].photos[0].getUrl({'maxWidth': 100, 'maxHeight': 100}),
loc: results[i].geometry.location,
rating: results[i].rating,
})
places.push(place);
var marker = new google.maps.Marker({
map: map,
position: results[i].geometry.location,
id: i,
visible: false,
});
markers.push(marker);
}
}
newresult();
}
Run Code Online (Sandbox Code Playgroud)
如果我注释掉以下行,则函数newresult()将运行:
photo: results[i].photos[0].getUrl({'maxWidth': 100, 'maxHeight': 100}),
Run Code Online (Sandbox Code Playgroud)
但是,如上面的代码,如果我没有注释掉函数newresult()将不会运行.我知道照片的getUrl函数有效,因为它返回一个有效的url.
谢谢你的帮助.
以下是为我工作:
$('#datatable').on('page.dt', function() {
alert("changed");
});
Run Code Online (Sandbox Code Playgroud)
每当我更改页面时,都会显示警报.但是如果我想提醒页面没有.点击然后是什么方式
在jquery数据表中,我必须使用完全匹配过滤结果并突出显示它.为了完全匹配我正在尝试下面的代码,但它不起作用.小提琴
table.aoPreSearchCols[ iCol ].sSearch = "^\\s*"+'1'+"\\s*$";
table.aoPreSearchCols[ iCol ].bRegex = false;
table.aoPreSearchCols[ iCol ].bSmart= false;
Run Code Online (Sandbox Code Playgroud) 我正在使用数据表在我的管理面板上显示一些数据.
但是,当我使用搜索选项过滤结果时,它不会影响页脚总和金额,金额保持不变?任何想法如何解决?
<?php if(isset($data_tables)) { ?>
jQuery('#<?php echo $data_tables_name ?>').DataTable({
"filter": "applied",
"footerCallback": function ( row, data, start, end, display ) {
var api = this.api(), data;
// Remove the formatting to get integer data for summation
var intVal = function ( i ) {
return typeof i === 'string' ?
i.replace(/[\$,]/g, '')*1 :
typeof i === 'number' ? i : 0;
};
// Total over all pages
if (api.column(2).data().length) {
total_revenue = api
.column( 2 )
.data()
.reduce( function …Run Code Online (Sandbox Code Playgroud) 我正在使用数据表.我想总结一些列,我想在报告的底部显示.我搜索很多东西.然后我在数据表中找到了新的页脚回调函数.我用过它.但我的输出还没有准备好..
我的代码如下,
function Databind(Pdestroy) {debugger;
var destroy = false;
if (Pdestroy == "1")
destroy = true;
var oTable = $('.datatable').dataTable({
"bJQueryUI": true,
'bServerSide': true,
"bDestroy": destroy,
"iDisplayLength": 10,
"sPaginationType": "full_numbers",
'sAjaxSource': '<%= Url.Action("listcount", "Home") %>',
"bFilter": true,
"aoColumnDefs": [{ 'bSortable': false, 'aTargets': [0, 1, 2, 7, 8, 9, 10, 11]}],
"fnRowCallback": function (nRow, aData, iDisplayIndex) {
var oSettings = oTable.fnSettings();
$("td:first", nRow).html(oSettings._iDisplayStart + iDisplayIndex + 1);
return nRow;
},
"footerCallback": function (row, aData, start, end, iDisplayIndex) {
var api = …Run Code Online (Sandbox Code Playgroud) 我动态地添加了一列的内容......
for (var i = 0; i < data.length; i++) {
data.referred_by='<a href="#" data-toggle="popover" class="" title="'+temp[i].referred_by+'"data-trigger="hover" data-content="Total Referrals :'+temp[i].as_count+'">'+temp[i].referred_by+'</a>'
}
Run Code Online (Sandbox Code Playgroud)
以下代码是创建数据表
$('#datatable4').dataTable({
'paging': true, // Table pagination
'ordering': true, // Column ordering
'info': true, // Bottom left status text
"aaData" : data,
aoColumns: [
{ mData: 'index' },
{ mData: 'patient_name' },
{ mData: 'age' },
{ mData: 'gender' },
{ mData: 'mobile_no' },
{ mData: 'email_id' },
{ mData: 'request_status' },
{ mData: 'referred_by' },
{ mData: 'ref_to_img'},
{ …Run Code Online (Sandbox Code Playgroud) jquery ×4
datatables ×3
javascript ×2
android ×1
geturl ×1
google-maps ×1
html ×1
limit ×1
pan ×1
popover ×1
regex ×1
resize-image ×1
sum ×1
webview ×1