Javascript 当我从json数据表中调用行数据时,我一直处于未定义状态
我目前正在我的工作中开发一个项目,我使用Laravel作为我的框架,我使用KeenThemes作为我的前端。我相信他们有数据表库的变体,也许这就是为什么我有这个问题。因为我找不到metronic Datatable库的文档化示例,所以我使用原始Datatable文档来处理这个项目。好的,接下来是问题。这是我的数据表刀片组件Javascript 当我从json数据表中调用行数据时,我一直处于未定义状态,javascript,php,laravel,datatables,metronic,Javascript,Php,Laravel,Datatables,Metronic,我目前正在我的工作中开发一个项目,我使用Laravel作为我的框架,我使用KeenThemes作为我的前端。我相信他们有数据表库的变体,也许这就是为什么我有这个问题。因为我找不到metronic Datatable库的文档化示例,所以我使用原始Datatable文档来处理这个项目。好的,接下来是问题。这是我的数据表刀片组件 <div class="m-portlet m-portlet--mobile m-portlet--rounded"> <div class="m-po
<div class="m-portlet m-portlet--mobile m-portlet--rounded">
<div class="m-portlet__head">
<div class="m-portlet__head-caption">
<div class="m-portlet__head-title">
{{$title}}
</div>
</div>
<div class="m-portlet__head-tools">
{{$buttons}}
<ul class="m-portlet__nav">
<li class="m-portlet__nav-item">
<div class="m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push" m-dropdown-toggle="hover"
aria-expanded="true">
<a href="#" class="m-portlet__nav-link btn btn-lg btn-secondary m-btn m-btn--icon m-btn--icon-only m-btn--pill m-dropdown__toggle">
<i class="la la-ellipsis-h m--font-brand"></i>
</a>
<div class="m-dropdown__wrapper">
<span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust"></span>
<div class="m-dropdown__inner">
<div class="m-dropdown__body">
<div class="m-dropdown__content">
<ul class="m-nav">
<li class="m-nav__section m-nav__section--first">
<span class="m-nav__section-text">Acciones</span>
</li>
{{$actions}}
<li class="m-nav__separator m-nav__separator--fit m--hide">
</li>
<li class="m-nav__item m--hide">
<a href="#" class="btn btn-outline-danger m-btn m-btn--pill m-btn--wide btn-sm">Submit</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="m-portlet__body">
{{-- begin - search input --}}
<div class="m-form m-form--label-align-right m--margin-top-20 m--margin-bottom-30">
<div class="row align-items-center">
<div class="col-xl-8 order-2 order-xl-1">
<div class="form-group m-form__group row align-items-center">
<div class="col-md-4">
<div class="m-form__group m-form__group--inline">
<div class="m-form__label">
<label>Status:</label>
</div>
<div class="m-form__control">
<select class="form-control m-bootstrap-select" id="m_form_estado">
<option value="">All</option>
<option value="1">En servicio</option>
<option value="6">En Busqueda</option>
<option value="5">En Saneamiento</option>
<option value="3">En Obra</option>
<option value="2">En Instalación</option>
<option value="4">Listo Para Ejecutar</option>
<option value="12">Sin Estado</option>
<option value="14">Caido</option>
<option value="15">Retirado</option>
</select>
</div>
</div>
<div class="d-md-none m--margin-bottom-10"></div>
</div>
<div class="col-md-4">
<div class="m-form__group m-form__group--inline">
<div class="m-form__label">
<label class="m-label m-label--single">Type:</label>
</div>
<div class="m-form__control">
<select class="form-control m-bootstrap-select" id="m_form_type">
<option value="">All</option>
<option value="1">Online</option>
<option value="2">Retail</option>
<option value="3">Direct</option>
</select>
</div>
</div>
<div class="d-md-none m--margin-bottom-10"></div>
</div>
<div class="col-md-4">
<div class="m-input-icon m-input-icon--left">
<input type="text" class="form-control m-input" placeholder="Search..." id="generalSearch">
<span class="m-input-icon__icon m-input-icon__icon--left">
<span><i class="la la-search"></i></span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
{{-- end - search input --}}
<!--begin: Datatable -->
<div class="m_datatable" id="m_datatable"></div>
<!--end: Datatable -->
</div>
我已经检查了控制台,还检查了调试中的值,行返回一个对象,但是,它返回的是整个datatable,而不仅仅是我单击的行。当我试图从row变量中引用一个值时,我在控制台和警报中一直处于未定义状态。我错过什么了吗?提前谢谢
编辑:添加我的json结构
这个想法是正确的,但您的示例中似乎有一些拼写错误
var tr=$(this).parents(“tr”)[0]
不需要,在var row=t.row(row).data()中将row
更改为this
代码>
console.log(行)中存在语法问题代码>
此外,还需要定义t
var t = $("#m_datatable").DataTable();
t.on("click", "tr", function () {
var row = t.row(this).data();
console.log(row);
alert(row);
})
这个想法是正确的,但是在你的例子中似乎有一些拼写错误
var tr=$(this).parents(“tr”)[0]
不需要,在var row=t.row(row).data()中将row
更改为this
代码>
console.log(行)中存在语法问题代码>
此外,还需要定义t
var t = $("#m_datatable").DataTable();
t.on("click", "tr", function () {
var row = t.row(this).data();
console.log(row);
alert(row);
})
var row=t.row(row.data()代码>我觉得这太奇怪了。变量t
和row
是什么?奇怪,对不起,这是我的数据表。这就是我给它起的名字。row取自我在DataTableAPI论坛上看到的一个示例。它应该是var row=t.row(tr.data()
?@lofihelskinki是var row=t.row(row.data()代码>我觉得这太奇怪了。变量t
和row
是什么?奇怪,对不起,这是我的数据表。这就是我给它起的名字。row取自我在DataTableAPI论坛上看到的一个示例。它应该是var row=t.row(tr.data()
?@lofihelskinki yeahbut,在data=YourTable.row($(this.parents('tr')).data()中
是YourTable
中对exampleTable
或中的“#YourTable”
的引用(“#YourTable”)。DataTable()代码>?@Héctorres Calderón这是指你的桌子id@Héctorres Calderón像下面的示例一样声明表,但是在data=YourTable.row($(this.parents('tr')).data()中
是YourTable
中对exampleTable
或中的“#YourTable”
的引用(“#YourTable”)。DataTable()代码>?@Héctorres Calderón这是指你的桌子id@Héctorres Calderón像下面的示例一样声明表
var t = $("#m_datatable").DataTable();
t.on("click", "tr", function () {
var row = t.row(this).data();
console.log(row);
alert(row);
})