Я написал функцию jquery для выполнения операции поиска по загрузочной карточке, и она отлично работает.Но результат поиска не отображается должным образом.Мне нужно отсортировать карточки как обычную операцию поиска.Но результаты отображаются в том порядке, в котором они были отображены ранее.
При использовании переключателя карта не отображается, поэтому проблема выравнивания решена!право?Но это не работает.
Данные привязаны к картам.
функция привязки данных
public string BindCard_AssetReport(string main_group, string sub_group, string deptmnt, string empId)
{
string ddlGroup = DDLAssetGroup.SelectedItem.Text;
string ddlSubGrp = DDLAssetSubGroup.SelectedItem.Text;
string ddlDept = DDLDepartment.SelectedItem.Text;
string ddlUserCode = DDLUser.SelectedItem.Value;
DataTable dtAsset = getAssetReportList(ddlGroup, ddlSubGrp, ddlDept, ddlUserCode, Session["firmcode"].ToString(), Session["ConnStr"].ToString());
string str = "<div class='col-md-12'>";
for (int i = 0; i < dtAsset.Rows.Count; i++)
{
str = str + "<div class='card-deck'>";
str = str + "<div class='col-md-3'>";
str = str + "<div class='card text-white bg-danger'>";
str = str + "<div class='card-header text-center font-weight-bold'>" + "Code : ".ToString() + dtAsset.Rows[i].ItemArray[0].ToString() + " </div> ";
str = str + " <div class='card-body'>";
str = str + "<h5 class='card-title text-center font-weight-bold'>" + "Name : ".ToString() + dtAsset.Rows[i].ItemArray[1].ToString() + " </h5> ";
str = str + "<ul class='list-group list-group-flush'>";
str = str + "<li class='list-group-item list-group-flush'> Group : " + dtAsset.Rows[i].ItemArray[2].ToString() + "</li>";
str = str + "<li class='list-group-item list-group-flush'> Sub-Group : " + dtAsset.Rows[i].ItemArray[3].ToString() + "</li>";
str = str + "<li class='list-group-item list-group-flush'> Department : " + dtAsset.Rows[i].ItemArray[4].ToString() + "</li>";
str = str + "<li class='list-group-item list-group-flush'> Model : " + dtAsset.Rows[i].ItemArray[5].ToString() + "</li>";
str = str + "</ul>";
str = str + "</div>";
str = str + "</div>";
str = str + "</div>";
str = str + "</div>";
}
str = str + "</div>";
return str;
}
, где картыотображается
<div class="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-heading clearfix">
<asp:Label ID="lblasset" <div class="col-sm-4">
<input type="search" placeholder="Start typing.." id="searchinput" onkeyup="myFunction()" name="search" class="form-control searchbox-input pull-left" >
<asp:Button ID="btnExport" class="btn btn-primary pull-right" runat="server" Text="Export to Excel" OnClick="btnExport_Click" />
</div>
<div class="panel-body clearfix ">
<div class="col-md-12" id="cardDiv">
<div id="div_list" runat="server">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Функция Jquery
$("#searchinput").on("keyup", function () {
var value = $(this).val().toLowerCase();
$("#cardDiv .card").filter(function () {
$(this).toggle($(this).find('.card-body').text().toLowerCase().indexOf(value) > -1)
});
});
Я подобрал скриншоты моей проблемы.Я новичок. Пожалуйста.Мне нужна вся помощь, которую я могу получить.
Мне нужносделать правильную функцию поиска.Так как у меня низкая репутация по переполнению стека.Я обычно не получаю много ответов.Ищу всю помощь, которую я могу получить.Спасибо