Я новичок в JavaScript и ASP.net, и у меня есть опыт работы с платформой DHTMLX, поскольку кажется, что это отличный способ получить преимущество в пользовательском интерфейсе.
То, что я хочу сделать, это иметь различные макеты, которые меняются в зависимости от вкладки, нажатой на ленте. Например, вкладка 1 будет иметь сетку, отображающую, скажем, фрукты, а вкладка 2 будет иметь сетку, содержащую список, скажем, овощей. То, как я думал о достижении этого, было создать четыре или пять необходимых макетов, которые мне нужны по отдельности. Затем поместите каждый из этих макетов в отдельный DIV на странице .aspx. Затем на вкладке пользователя нажмите (т. Е. Fruits), макет изменится (скроет текущий div и покажет тот, который содержит макет Fruit), и, таким образом, создаст нужный эффект изменения страницы / изменения вкладки.
Я создал несколько макетов с лентой и различными вкладками (одинаковые на каждой - единственное изменение - остальная часть содержимого страницы, например заголовки сетки и т. Д.).
Затем я использовал следующий код в надежде изменить DIV, но он ничего не делает. Я знаю, что событие запускается, так как я могу получить предупреждение, если это необходимо.
$(document).ready(function() {
ribbon_1.attachEvent("onSelect", function (id, lastID) {
//alert("Clicked");
$('#fruit_div').hide();
$('#veg_div').show();
return true;
})
})
В настоящее время я скрываю нежелательные DIV при запуске страницы, используя vegetables.Visible = false
на странице Code Behind .CS. Может быть, это то, что вызывает проблему. В каком случае лучше всего запускать метод в коде при нажатии на вкладку? И как это сделать? Я бы подумал, что это будет довольно просто, учитывая взаимосвязь между aspx и кодом на страницах.
Это может быть больше проблемой, связанной с моим незнанием JavaScript, в отличие от DHTMLX, но в любом случае приветствуется любая помощь, указывающая мне правильное направление.