Как отключить кнопку до того, как какой-либо элемент выбран?

Question

Как отключить кнопку до того, как какой-либо элемент выбран?

0

Можем ли мы отключить кнопки "Следующий" и "Предыдущий", пока пользователь не выберет любой элемент дерева.

Другими словами, пользователь должен выбрать один из элементов из древовидного представления, а затем выбрать следующую и предыдущую кнопку, но до этого они отключены?

В моем примере я использую treeview.

здесь скрипка

$('#next').click(function () {
    if($('.jstree-clicked').closest('li').next().length)
        $('.jstree-clicked').removeClass('jstree-clicked').closest('li').next().find('a:eq(0)').addClass('jstree-clicked')

});
 $('#pre').click(function () {
     if($('.jstree-clicked').closest('li').prev().length)
        $('.jstree-clicked').removeClass('jstree-clicked').closest('li').prev().find('a:eq(0)').addClass('jstree-clicked')

});

Felix 09 май 2014, в 08:02

Источник

0

ваша скрипка не отвечает, я просто щелкнул более 10 раз по всей странице .. но ничего не отвечает .. :(
Rajaprabhu Aravindasamy 09 май 2014, в 05:16

Теги:

javascript

jquery

jstree

4 ответа

0

Попробуйте ниже код

Сначала установите disabled="true" для обеих кнопок в html

<button id="next" disabled="true">next</button>
<button id="pre" disabled="true">pre</button>

затем в выбранном событии дерева удалить disabled атрибут из кнопок

$('#tree').on("select_node.jstree", function (e, data) { 
    alert("node_children: " + data.node.children);
    $('#tree').jstree(true).toggle_node(data.node); 
$('#next, #pre').removeAttr("disabled");                                                       

 });

вот JSFiddle

Bhushan Kawadkar 09 май 2014, в 04:19

0

пожалуйста, посмотрите этот вопрос stackoverflow.com/questions/23556861/…
user3530755 09 май 2014, в 05:31

0

Вставьте следующее выражение внутри события готовности.

$('#next,#pre').attr('disabled',true);

или

$('#next,#pre').prop('disabled',true);

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

$('#tree').on("select_node.jstree", function (e, data) { 
    $('#next,#pre').prop('disabled',false);
   // your code here
}

mohamedrias 09 май 2014, в 03:48

0

обновленный jsfiddle

Самое простое решение - это просто отключить кнопки при загрузке страницы. Затем просто повторно включите их, как только пользователь щелкнет элемент в дереве:

$(document).ready(function() {
    // ADDED
    $('button').attr("disabled","disabled");

$('#tree').on("select_node.jstree", function (e, data) { 
    alert("node_children: " + data.node.children);
    $('#tree').jstree(true).toggle_node(data.node);
    // ADDED
    $('button').removeAttr("disabled");  
});

Jake 09 май 2014, в 03:16

Ещё вопросы

ваша скрипка не отвечает, я просто щелкнул более 10 раз по всей странице .. но ничего не отвечает .. :(
пожалуйста, посмотрите этот вопрос stackoverflow.com/questions/23556861/…

Felix · Accepted Answer · 2014-05-09T04-07-00.000Z

Вы можете использовать .prop(), чтобы отключить кнопки при загрузке страницы:

$('#next,#pre').prop('disabled',true);

и снова включите его, когда выбран ваш элемент:

$('#tree').on("select_node.jstree", function (e, data) { 
    $('#next,#pre').prop('disabled',false);

Обновленный скрипт

не могли бы вы посмотреть этот вопрос stackoverflow.com/questions/23556861/…