Как настроить таргетинг на динамически визуализируемое тело с помощью селектора jqueryJquery

Программирование на jquery
Ответить
Anonymous
 Как настроить таргетинг на динамически визуализируемое тело с помощью селектора jquery

Сообщение Anonymous »

Мне нужно скрыть целый столбец в таблице (см. ниже: id=DrugReturn). В настоящее время я скрываю верхний и нижний колонтитул даты отчетности, используя селекторы jquery, которые ссылаются на класс верхнего и нижнего колонтитула даты отчетности. Однако тело таблицы отображается динамически, поэтому я не знаю, как добавить класс или идентификатор к строкам данных в столбце даты отчетности. Мне нужно добавить селектор, чтобы скрыть эти строки столбцов. Я могу получить доступ к соответствующему заголовку и нижнему колонтитулу столбца с помощью селекторов jQuery, но, поскольку тело отображается динамически (набор данных), я не знаю, как его настроить. Я пытался использовать индекс, но не смог, но, возможно, я неправильно понимаю логику.

Код: Выделить всё

@{
ViewBag.Title = $"Site {YPrimeSession.Instance.SingleSiteAlias} Destruction";
Layout = "~/Views/Shared/_Layout.cshtml";
}

[list]
[*]
@Html.Partial("~/Views/UI/HomeLink.cshtml", new { })

[*]
@Html.PrimeActionLink($"{YPrimeSession.Instance.SingleSiteAlias} Management", "Index", "Site")

[*]
@Html.ActionLink(Model.Location.Site.Name, "EditSite", "Site", new { id = Model.Location.Site.Id }, null)

[/list]

@YPrimeSession.Instance.SingleSiteAlias Destruction

@using (Html.BeginForm("ReturnDrug", "DrugReturn", FormMethod.Post, new { @class = "form-horizontal", id = "DrugReturnForm" }))
{
@Html.HiddenFor(x => x.Location.Site.Name)
@Html.HiddenFor(x => x.Location.Site.Id)
@Html.HiddenFor(x => x.DrugReturnControlId)

if (TempData["ErrorMessage"] != null && !string.IsNullOrEmpty(TempData["ErrorMessage"].ToString()))
{

@TempData["ErrorMessage"]

}


Apply Status To All Displayed Records





Add Attributes To All Displayed Records





@YPrimeSession.Instance.SingleKitAlias Number
Current Status
@YPrimeSession.Instance.SinglePatientAlias Assigned
Accountability Date
Selected Status




@YPrimeSession.Instance.SingleKitAlias Number
Current Status
@YPrimeSession.Instance.SinglePatientAlias Assigned
Accountability Date
Selected Status








Save [i][/i]




}



@{
var serializer = new System.Web.Script.Serialization.JavaScriptSerializer();
serializer.MaxJsonLength = int.MaxValue;
var data = serializer.Serialize(Model.ReturnableDrugs);
}

var url = "@Url.Action("GetDrugAvailableForReturn", "DrugReturn")";
var siteId = '@Model.Location.Site.Id';
var drugReturnControlId = '@Model.DrugReturnControlId';
var AvailableStatuses = @Html.Raw(Json.Encode(Model.AvailableStatuses));
var dataSet = @Html.Raw(data);

var tableId = "@ViewBag.DrugReturn" || "DrugReturn";
var table = $('#' + tableId).DataTable();

table.columns().every(function () {
var header = this.header();
var footer = this.footer();
var nodes = this.nodes();

//how to target nodes like I target the header and footer?  Data for table is populated dynamically through: var dataSet = Html.Raw(data);

if ($(header).hasClass('accountability-date-header')) {
$(header).hide();
}
if ($(footer).hasClass('accountability-date-footer')) {
$(footer).hide();
}
});

table.columns.adjust().draw();



Я пробовал использовать индексную позицию ячейки таблицы, но не уверен, что сделал это правильно. Я не хочу изменять сами данные, если это вообще возможно, потому что это может повлиять на другие части большого проекта.

Подробнее здесь: https://stackoverflow.com/questions/792 ... y-selector
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Jquery»