Question

我无法确定如何在查询后将条件应用于结果。之前曾问过这段代码，但我想加强它

require(["dojo/parser", "dojo/ready", "dojo/query", "dojo/on", "dijit/form/Select", "dojo/domReady!"], function (parser, ready, query, on, Select) {
ready(function () {
    parser.parse();

    var select_Card = new Select({
        name: 'select_PCBA',
        options: [{
            label: "<span id='NotinUse'><b>&nbsp&nbsp&nbsp. . .</b></span>",
            value: "",
            selected: true
        }, {
            label: "<span id='NotinUse'><b>&nbsp&nbspMk7ABC Card</b></span>",
            value: "testdata1970_05"
        }, {
            label: "<span id='inUse'><b>&nbsp&nbspMk7CBC Card</b></span>",
            value: "testdata1970_10"
        }, {
            label: "<span id='NotinUse'><b>&nbsp&nbspMk10DC Card</b></span>",
            value: "testdata2060_03"
        }, {
            label: "<span id='NotinUse'><b>&nbsp&nbspMk6BC Card</b></span>",
            value: "dbProdigy"
        }, {
            label: "<span id='NotinUse'><b>&nbsp&nbspMk6NBC Card</b></span>",
            value: "dbProdigy_MK6N"
        }, ],
        style: {
            width: '150px'
        }
    }, "select_Card");

    select_Card.startup();


    on(select_Card, 'change', function(newValue)
    {
        if query('#inUse')
        {
            alert('Item selected is '+ newValue);
        }
        else
        {
            alert('Please select the only highlighted card');                           
        }
    });
    });
});

或者为了您的方便，请参阅my jsfiddle。

或者你有更好的方法吗？

请指教感谢

克莱门特

Answer 1

首先你的代码甚至都没有运行，你的on（）函数都很乱，只是在de编辑器中粘贴它显示错误。第二，使用完全相同的多个id是一个非常糟糕的想法，而是使用类。

on(select_Card, 'change', function(newValue)
{
  var display = this.get('displayedValue');
  if(display.indexOf("class='inUse'") !== -1 || newValue === 'testdata1970_10'){
    alert('correct stuff')
  }else{
    alert('error');
  }
});

http://jsfiddle.net/73F2t/

这是一个纠正的小提琴，or子句意味着你可以使用任何一个条件进行过滤，它应该可以工作

Answer 2

我更新了你的jsFiddle：http://jsfiddle.net/fredfortier/q5LC7/11/。有些事情是错的。我清理了“准备好”的东西，让它运行起来。

我认为您可能想要清理的代码结构存在一些问题。但我不想过多地改变你的代码，所以我只是让它成功了。一个主要的问题是你多次使用相同的ID。我把它改成了课。此外，查询函数没有作用于闭包，它将搜索dom。所以你在事件处理程序中的条件永远不会有效。

同样，我不认为这个代码如果非常精致并且可以采用不同的方式处理，但是这里的工作没有对您所拥有的内容进行重大修改：

require(["dojo/parser", "dojo/ready", "dojo/query", "dojo/on", "dijit/form/Select", "dojo/_base/array", "dojo/domReady!"], function (parser, ready, query, on, Select, array) {

    console.debug('rendering...');
    var select_Card = new Select({
        name: 'select_PCBA',
        options: [{
            label: "<span class='NotinUse'><b>&nbsp&nbsp&nbsp. . .</b></span>",
            value: "",
            selected: true
        }, {
            label: "<span class='NotinUse'><b>&nbsp&nbspMk7ABC Card</b></span>",
            value: "testdata1970_05"
        }, {
            label: "<span class='inUse'><b>&nbsp&nbspMk7CBC Card</b></span>",
            value: "testdata1970_10"
        }, {
            label: "<span class='NotinUse'><b>&nbsp&nbspMk10DC Card</b></span>",
            value: "testdata2060_03"
        }, {
            label: "<span class='NotinUse'><b>&nbsp&nbspMk6BC Card</b></span>",
            value: "dbProdigy"
        }, {
            label: "<span class='NotinUse'><b>&nbsp&nbspMk6NBC Card</b></span>",
            value: "dbProdigy_MK6N"
        }, ],
        style: {
            width: '150px'
        }
    }, "select_Card");

    select_Card.startup();

    on(select_Card, 'change', function(newValue)
    {
        console.debug('got selected value:', newValue, 'from options:', select_Card.options);
        array.forEach(select_Card.options, function(option) {
            if (option.value == newValue) {
                  console.debug('found selected option in the list: ', option);
                  if (option.label.indexOf("'inUse'") != -1) {
                        alert('Item selected is '+ newValue)
                  } else {
                        alert('Please select the only highlighted card');
                  }
            }
        });
    });

}）;

dojo 1.8：在查询后对结果应用条件

2 个答案: