草庐IT

ui-select

全部标签

javascript - 如何使用 react-select 呈现 "N items selected"而不是 N 个选定项目的列表

我正在考虑使用react-select作为城市选择器的选择器,用户可以在其中选择一个或多个城市来过滤一些数据。这是在我的页面中呈现的屏幕截图:城市列表可能很大,如果一次选择大量城市,我不希望选择器超出其蓝色容器。这是我现在模拟时发生的情况:我不太喜欢它!我能想到的一种替代方法是呈现“选择的4个城市”而不是整个列表。这将在页面上具有可预测的大小。这如何用react-select完成? 最佳答案 注意:此答案适用于react-selectv1。查看answerbyNearHuscarlv3的解决方案。渲染“选择了N个项目”这可以通过va

javascript - 具有 Angular JS 客户端的 Rails REST API 权限 (CanCan)。如何根据权限渲染UI?

我正在构建一个只能通过JSONAPI(Rails4.0、PostgreSQL)运行的项目。这是一个具有基于数据库权限的大型应用程序。我有与此RESTAPI配合使用的AngularJS应用程序。简化结构:employees>---position---员工.rbbelongs_to:position位置.rbhas_many:employeeshas_many:permissions,dependent::destroy权限.rbbelongs_to:position##Columns#action(:manage,:read,:update,:create,etc...)#subjec

javascript - 将复杂对象传递给 ui-sref 参数

我需要像这样构建url:/list?filter[status]=1&filter[type]=2我愿意:链接:List(在参数中传递复杂对象,如果传递简单对象-{filter:1}-没问题,但我需要这个)状态:.state('list',{url:'/list?filter',…})我总共得到这样的url:/list?filter=[objectObject]演示:http://plnkr.co/edit/wV3ieKyc5WGnjqw42p7y?p=preview我该如何解决? 最佳答案 UI-Router现在附带了对参数的自定

javascript - 调整 FB.ui() 对话框的位置

我正在使用Fb.ui()将更新发布到用户的墙上,但该对话框始终出现在我浏览器的同一位置(如果向上滚动,则居中)。问题是我从屏幕底部打开对话框。有没有办法让对话框显示用户当前的滚动位置? 最佳答案 FB.ui()对话框应该已经相对于用户当前滚动的位置定位。如果没有,您可以简单地将您的#fb-root放在CSS中:#fb-root{position:fixed;top:10%;}这样,弹出窗口将始终位于用户的滚动位置,如果他继续向上或向下滚动页面,也会跟随它。 关于javascript-调整

javascript - Firefox 扩展 : Get selected text

我正在开发一个简单的Firefox扩展,我想获取选定的文本。我试过这个:varWordCount={/*...*/changeSelected:function(){varselectedText=this.getSelection();varwords=this.countWords(selectedText);this.changeStatus(words,"selected");//alert(selectedText);},getSelection:function(e){varfocused_window=document.commandDispatcher.focusedW

javascript - 如何在 bootstrap modal 中将输入焦点设置为 kendo-ui 网格输入

在将我的kendo-ui网格移动到Bootstrap模式之前,我将单击“添加行”,然后将选择3个输入中的第一个。然后我会切换到第2个,然后切换到第3个,然后切换到复选框按钮,我将在其中按enter键并添加该行。然后焦点将返回到“添加行”按钮,我可以在其中按回车键重新开始流程。好吧,现在它在一个模式中,我失去了除了标签之外的一切。我找到了使用jquery来应用焦点的解决方案,但我的网格Controller中已经有了它。Kendo-ui网格Controller$scope.mainGridOptions={dataSource:dataSource,pageable:false,toolb

javascript - 如何限制 Kendo UI Web 上传只允许一次上传?

我目前正在使用KendoUI使用MVC3和Razor以及EntityFramework将文件上传到数据库。我让它在我网站的几个区域运行良好,除非我需要将它限制为只允许单个上传。我将multiple设置为false,我需要禁止多选,但仍然允许用户多次单击选择按钮来添加文件,这违反了数据库中此字段的要求。我尝试了一些我认为在他们网站上找到的建议,但他们指的是当前请求中发送的当前选定项目,而不是整个上传列表(见下图)。functionsingleFile(e){varfiles=e.files;if(e.files.length>1){alert('Onlyonefilemaybeuploa

javascript - Chrome DevTools 扩展 : how to get selected element from elements panel in content script?

我已经完成研究并为此苦苦挣扎了一段时间,但我需要您的帮助。我正在构建一个ChromeDevTools扩展。它应该将当前从“元素”面板中选择的元素作为引用传递给内容脚本中定义的JS对象。重要的是我将引用传递给所选元素,或通过其他方式从内容脚本中识别元素。我了解ChromeDevTools中“孤立世界”的工作流程。我还了解扩展页面、背景页面和内容脚本之间的消息传递。这只发生在JSON基元上,因此没有JS范围传递。如何将在devtools元素面板中选择的元素传递给位于被检查页面中的内容脚本?编辑这是我目前所知道的:获取对所选元素的引用:chrome.devtools.inspectedWin

javascript - Select2 错误 - 无响应

我正在使用Select2在我的页面上提供动态选择功能。这是代码:-$("#Spon_Index").select2({placeholder:"Typetoselectasponsor",minimumInputLength:3,multiple:false,width:400,ajax:{url:"../control/autocomplete_sponsor.aspx",data:function(term){returnterm;},results:function(data,page){alert(results);return{results:data}},formatRes

javascript - 如何将 Knockout js 模型绑定(bind)到向导式 UI

我正在使用Knockoutjs。我有一个包含对象数组的View模型,我想允许用户使用向导样式界面编辑其中一个对象。我遇到的问题是向导会根据所做的选择显示不同的步骤。例如:如果用户在第1步选择"is",那么我会显示第2a步如果用户在第1步选择“否”,那么我会显示第2b步(即不同的对话框形式)这样下去,通过向导的路径就不是线性的了。我的问题是我是否在启动时将所有可能的向导UI步骤绑定(bind)到View模型,即使某些步骤永远不会显示并且某些屏幕上的绑定(bind)无效(例如步骤5可能绑定(bind)到viewModel.theObject.PropertyA.PropertyB.Prop