Как переключать DIV с помощью вкладки ленты DHTMLX Нажмите - PullRequest
Новая
       18

Как переключать DIV с помощью вкладки ленты DHTMLX Нажмите

0 голосов
/ 23 июня 2019

Я новичок в 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, но в любом случае приветствуется любая помощь, указывающая мне правильное направление.

...