FooTable अपरिभाषित त्रुटि है - jquery, footable

मैं एक fooTable बनाने की कोशिश कर रहा हूं, जहां मेरी टेबल हेड घोषणाएं दूसरे रूप में हैं और HTML पंक्ति फ़ील्ड दूसरे रूप में हैं। यहाँ डिजाइन है,

प्रो फॉर्म

    <table class="footable table" id="L-EGY-TRG-501-00BP_fooTable" >
<thead>
<tr>
<th data-sort-initial="true" data-toggle="true">Employed by</th>
<th>Category</th>
<th data-hide="phone, tablet">Sub-Category</th>
<th data-hide="phone, tablet">Attendee Count</th>
</tr>
</thead>
<tbody id="L-EGY-TRG-501-00BP_fooTableBody">
</tbody>
</table>

trg- पंक्ति रूप

<table>
<tr id="yyy" data-losstype="fin-row" data-GUID="L-EGY-TRG-ROW-501-003H">
<td>
<input type="text" class="form-control" id="yyy_EmployedBy" name="yyy_EmployedBy" value=""   >
</td>
<td>
<input type="text" class="form-control" id="yyy_Category" name="yyy_Category" value=""   >
</td>
<td>
<input type="text" class="form-control" id="yyy_SubCategory" name="yyy_SubCategory" value=""   >
</td>
<td>
<input type="text" class="form-control" id="yyy_attendeecount" name="yyy_attendeecount" value=""   >
</td>


<td>
<button type="button" class="btn btn-sm btn-default btn-rounded" onClick="#" title="Add Attendee Row">
<i class="fa fa-plus"></i>
</button>
&nbsp;
<button type="button" class="btn btn-sm btn-default btn-rounded removeRowLink" onClick="#" title="Remove Attendee Row">
<i class="fa fa-minus"></i>
</button>
</td>

</tr>
</table>

यह मैं JQuery का उपयोग करने की कोशिश कर रहा हूं,

$(document).ready(function(){
guid="xxxxx"
prepTable("/pro?openform,guid); //
});
function prepTable(surl,guid){
$.get( surl, function( data ) {

var footable = $(data).find(".footable").footable();

guid="xxxxx";
buildFooTable(guid,"/trg-row?openform");

});
}

funtion buildFooTabl(containerID,surl) {
$.get( surl, function( data ) {
var $row = $(data).find("#yyy");
var footable = $("#" + containerID + "_fooTable").data("footable");
var rowid = $row.attr("data-GUID");
$row.find("[id*=yyy]").each(function() {
var id = this.id || "";
this.id = id.replace("yyy", rowid)
});
$row.find("[name*=yyy]").each(function() {
var nm = this.name || "";
this.name = nm.replace("yyy", rowid)
});

$row.attr("id",rowid);
footable.appendRow($row);
});

लेकिन इस प्रकार की त्रुटि "टाइप टाइप: फ़ुटेबल अपरिभाषित" हो रही है, लेकिन इस पंक्ति में त्रुटि योग्य आईडी सही ढंग से आ रही है।

var footable = $("#" + containerID + "_fooTable").data("footable");

उत्तर:

उत्तर № 1 के लिए 1

इस लाइन पर आपको जो त्रुटि हो रही है:

var footable = $("#" + containerID + "_fooTable").data("footable");

समस्या यह है कि आपके html में कहीं भी आपके पास "डेटा-फ़ुटेबल" जैसी विशेषता नहीं है

JQuery पद्धति .data ("parm") एक डेटा-पार्म विशेषता का मान खींचती है। पैरामीटर अपूरणीय है। यदि आपके पास इस तरह से एक div है:

<div id="mydiv" data-mytext="This is my text"></div>

और आप ऐसा करते हैं:

var mytext = $("#mydiv").data("mytext")
alert(mytext);

अलर्ट कहेगा; "यह मेरा पाठ है"। क्योंकि .data ("mytext") फ़ंक्शन ने डेटा-mytext विशेषता का मान खींच लिया है।

तो क्या आप वेरिएबल में लोड करने की कोशिश कर रहे हैं? यदि आप अपनी तालिका का संदर्भ प्राप्त करने की कोशिश कर रहे हैं और आपके पास सही कंटेनरआईडी है तो आपको बस जरूरत है

var footable = $("#" + containerID + "_fooTable");

---