首页 \ 问答 \ FilteringSelect in mvc(FilteringSelect in mvc)

FilteringSelect in mvc(FilteringSelect in mvc)

我想创建一个自动完成输入字段,以便用户开始输入,在下拉列表中它将显示可能的值。 我将从数据库中获取数据。 有动态商店的东西......我如何从控制器调用我的Methode?

我有以下JS功能:

searchNames:function()
     {
         var jsonStore = new JsonRest({
            url: config.rootContext + '/link/to/controllerMethod'
         });
         var memoryStore = new Memory();
         var myStore = new Cache(jsonStore, memoryStore);


        var fs = new FilteringSelect({
             id:  dijit.byId("serviceSelect"),
             store : memoryStore,
         });
         debugger;
         when(myStore.query({id:""})),
             function (items, request)
             {
                var val = "";
                if(items.length>0) val = items[0].id;
                 fs.set('value', val);
             }
     },

我的小部件包含:

<td><select data-dojo-type="dijit/form/FilteringSelect" id="serviceSelect" data-dojo-attach-event="onClick:searchNames"></select></td>

感谢您的投入。


I want to create an autocomplete input field so the user starts typing and in a drop down it will show the possible values. The data i will get from the database. Something with a dynamic store... How can i call my Methode from the controller?

I got following JS function:

searchNames:function()
     {
         var jsonStore = new JsonRest({
            url: config.rootContext + '/link/to/controllerMethod'
         });
         var memoryStore = new Memory();
         var myStore = new Cache(jsonStore, memoryStore);


        var fs = new FilteringSelect({
             id:  dijit.byId("serviceSelect"),
             store : memoryStore,
         });
         debugger;
         when(myStore.query({id:""})),
             function (items, request)
             {
                var val = "";
                if(items.length>0) val = items[0].id;
                 fs.set('value', val);
             }
     },

And my widget contains:

<td><select data-dojo-type="dijit/form/FilteringSelect" id="serviceSelect" data-dojo-attach-event="onClick:searchNames"></select></td>

Thanks for inputs.


原文:https://stackoverflow.com/questions/40460049
更新时间:2020-05-20 22:51

最满意答案

FilteringSelect小部件已经为你做了这个,所以你需要做的就是在它上面设置商店,它应该是开箱即用的!

由于您已经在HTML中设置了data-dojo-type属性,因此您无需在JS代码中创建另一个FilteringSelect

var jsonStore = new JsonRest({
  url: config.rootContext + '/link/to/controllerMethod'
});
var memoryStore = new Memory();
var myStore = new Cache(jsonStore, memoryStore);

var selectWidget = registry.byId('serviceSelect'); // registry refers to dijit/registry
selectWidget.set('store', myStore);

HTML应该如下所示:

<td><select data-dojo-type="dijit/form/FilteringSelect" id="serviceSelect"></select></td>

The FilteringSelect widget already does this for you, so all you need to do is set store on it and it should work out of the box!

Since you already have the data-dojo-type attribute set in the HTML, you don't need to create another FilteringSelect in your JS code:

var jsonStore = new JsonRest({
  url: config.rootContext + '/link/to/controllerMethod'
});
var memoryStore = new Memory();
var myStore = new Cache(jsonStore, memoryStore);

var selectWidget = registry.byId('serviceSelect'); // registry refers to dijit/registry
selectWidget.set('store', myStore);

The HTML should look like this:

<td><select data-dojo-type="dijit/form/FilteringSelect" id="serviceSelect"></select></td>
2016-11-07

相关文章

更多

最新问答

更多
  • jsPlumb draggable element javascript函数(jsPlumb draggable element javascript function)
  • MVC4:ViewModel(带有radiobuttonlist)在HttpPost之后为空(MVC4: ViewModel (with radiobuttonlist) is empty after HttpPost)
  • 如何在同一帐户上设置“Dev repo”(在prod和团队之间)(How to set up a “Dev repo” (between the prod and the team) on the same account)
  • 如何在tcl中将eth0配置为发送方udp端口(how to configure eth0 as a sender udp port in tcl)
  • 如何在datarow []中的列中找到最大值?(How to find max value in a column in a datarow[] ?)
  • 如何使用预定义文本替换来自数据库的部分结果(How do I replace part of result coming from Database with predefined text)
  • Selenium Java注入了新的Javascript函数(Selenium Java inject new Javascript function)
  • 使用.on的多个下拉菜单选择文本仅适用于第一个下拉列表(Multiple Dropdowns Menu Selection text using .on works only on first dropdown)
  • 快速将黄土曲线添加到大型数据集图中的方法(Quick way to add loess curve to large data set graph)
  • FilteringSelect in mvc(FilteringSelect in mvc)
  • 在Delphi XE2中开发Mac或iOS应用程序需要哪些硬件/软件?(What hardware/software is necessary to develop Mac or iOS apps in Delphi XE2?)
  • 在原型的构造函数中初始化属性时获取“未定义”(Getting 'undefined' when a property is initialized in the constructor of a prototype)
  • 通过越狱加载的应用程序的Documents文件夹位置(Location of Documents folder for an app loaded via jailbreak)
  • 在OpenGL中使用可编程和固定管道功能(Using both programmable and fixed pipeline functionality in OpenGL)
  • 将任何用户输入重定向到单独的底层程序(redirect any user input to a separate underlying program)
  • 编辑文本不能正常工作android(Edit texts not working properly android)
  • “user_denied”Facebook应用页面上的Facebook用户区域设置(Facebook user locale on “user_denied” facebook app page)
  • 在大图像中找到小的部分透明图像的坐标(find coordinates of small partially-transparent image within a large image)
  • 我如何在cakephp 3.1中获得完整的相对路径?(How i can get full relative path of image in cakephp 3.1?)
  • 如何保存拖动标记的新本地化?(How to save new localization of dragged marker?)
  • MySQL UPDATE vs INSERT和DELETE(MySQL UPDATE vs INSERT and DELETE)
  • 在执行查询之前,在SQLAlchemy模型中将datetime转换为unix时间戳?(Convert datetime to unix timestamp in SQLAlchemy model before executing query?)
  • OpenCL与OpenGL互操作的优势(Advantage of OpenCL interoperability with OpenGL)
  • 如何解析用点和等分隔的数据然后添加到listview(How to parsing data from delimited with dot and equal then add to listview)
  • 带调试输出的X3解析器段错误(BOOST_SPIRIT_X3_DEBUG)(X3 parser segfaults with debug output (BOOST_SPIRIT_X3_DEBUG))
  • 将文件夹名称添加到fgrep结果(Add folder name to fgrep result)
  • 在MySQL中加载一个表是非常慢的(Loading one table in MySQL is ridiculously slow)
  • 如何将JSON放入PHP变量?(How do I put JSON into a PHP Variable?)
  • 如何绕过Microsoft.Speech.Recognition中的不流畅?(How to bypass disfluencies in Microsoft.Speech.Recognition?)
  • 原点的最后一行是什么?(What is the last row of an origin for?)