Я хотел бы знать, как я могу проверить одноуровневые узлы дерева, щелкнув определенный узел в ExtJs.
Я дал идентификатор для каждого узла, и я могу получить доступ к идентификатору щелкнутого узла. тогда как я могу перейти к автоматической проверке дочерних узлов ??
кто-нибудь, пожалуйста, помогите мне..
// or any other way of getting hands on the node you want to work with
var node = treePanel.getNodeById('your-id');
node.eachChild(function(n) {
n.getUI().toggleCheck(true);
});
Если вы хотите, чтобы это работало на всем поддереве текущего узла, вам придется выполнить некоторую рекурсию.
Немного больше интегрировано:
treePanel.on('checkchange', function(node, checked) {
node.eachChild(function(n) {
n.getUI().toggleCheck(checked);
});
});
function nodeCheck(node) {
node.eachChild(function(n) {
if(n.hasChildNodes())
nodeCheck(n)
n.getUI().toggleCheck(false);
});
}
var node = (tree.getSelectionModel().getSelectedNode()) ? tree.getSelectionModel().getSelectedNode() : tree.root;
if(node) nodeCheck(node);
У меня работает хорошо ;)
слушатели: {
checkchange : function(node, checked) {
node.parentNode.cascadeBy(function(n){n.set('checked', checked);});
}
}
Ответ г-на C работает нормально (ExtJS 4.2), но возникает ошибка, когда дочерние узлы родительского узла имеют 1 дочерний элемент. Вот мое небольшое улучшение. Кто-то может улучшить дальше
function (node, checked) {
if (node.isLeaf()) {
node = node.parentNode;
var siblingStateEqual = true;
if (node.childNodes.length == 1) {
siblingStateEqual = checked;
} else {
node.cascadeBy(function (n) {
if (n != node) {
if (n.get('checked') != checked) {
siblingStateEqual = false;
}
}
});
}
if (siblingStateEqual == checked) {
node.set('checked', checked);
}
}
else {
node.cascadeBy(function (n) {
n.set('checked', checked);
});
}
}
JSON или XML потребуется, чтобы для свойства «checked» было установлено значение true или false при заполнении узлов. Я предполагаю, что вы используете AsyncTreeNode, чтобы сделать это за вас. Если узлы дерева созданы без этого проверенного свойства, ExtJS не будет отображать его с флажком.
Или, как и я, вам нужно автоматически проверять/снимать родительский узел, когда все дочерние листовые узлы отмечены/сняты флажок, вы можете попробовать это:
function (node, checked)
{
if (node.get('leaf'))
{
node = node.parentNode;
var siblingStateEqual = true;
node.cascadeBy(function (n)
{
if (n != node) {
if (n.get('checked') != checked) {
siblingStateEqual = false;
}
}
});
if (siblingStateEqual == checked)
{
node.set('checked', checked);
}
}
else
{
node.cascadeBy(function (n) { n.set('checked', checked); });
}
}
