HI,
I have ajax code for populate the datas dynamically with html tags.
$.ajax(
{
type: "POST",
url: "../../GeneralService.asmx/Get_Bill_Desk_Items",
dataType: "json",
data: {},
contentType: "application/json; charset=utf-8",
success: function (json) {
var xmlDoc = "";
var xml = "";
xmlDoc = $.parseXML(json.d);
xml = $(xmlDoc);
document.getElementById("PopulateBillDeskItems").innerHTML = "";
$(xml).find("Table").each(function () {
var Category = $(this).find("Category").text();
var Table_Room_Code = $(this).find("Table_Room_Code").text();
var Table_Room_No = $(this).find("Table_Room_No").text();
var Item_Total = $(this).find("Item_Total").text();
$("#PopulateBillDeskItems").append(" <tr class='gradeX'><td>" + Category + "</td><td>" + Table_Room_Code + "</td><td>" + Table_Room_No + "</td><td class='center'>" + Item_Total + "</td></tr>");
});
}
});
And in the HTML Page :
<table id="table-example" class="table">
<thead>
<tr>
<th>Category</th>
<th>Table-Room Code</th>
<th>Table-Room NO</th>
<th>Total AMT</th>
</tr>
</thead>
<tbody id ="PopulateBillDeskItems"></tbody>
</table>
This code is working fine... But When i go to the page source the HTML code is not populated.but the design side i can see the changes.
And what is my need is,
I have a javascript css Table, And in that table i have populated the datas dynamically using the above code.
And in that table there is search and sort option.
But when i populate datas dynamically using the above code, The search and sort option is not working.
But when i hard-code the datas to that table then the search and sort option is working fine.
Please help me...
Thanks
Dileep..