草庐IT

sd-web-ui

全部标签

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 - 编写 v1 嵌套 Web 组件

我是网络组件的新手。由于webcomponentsv1可用,我从那里开始。我已经阅读了网络上关于它们的各种帖子。我对正确地组合它们特别感兴趣。我已阅读有关槽的信息并让它们正常工作,尽管我的努力并未产生按我预期的方式工作的槽式Web组件。如果我像这样组成嵌套的web组件,嵌套/开槽的web组件中的DOM不会插入到父级的槽中:这是父网络组件HTML:由于每个web组件(父和子)都是独立编写的,所以我一直在创建它们:customElements.define('component-name',classextendsHTMLElement{constructor(){super();this

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 - 使用 babel 转译基于类的 Web 组件

我有一个遵循最新webcomponentsv1classsyntax的简单网络组件,它在Chrome和Firefox/Edge(带有polyfill)中运行良好,但我希望它在IE11中运行,所以我需要转换该类。然而,通过babel运行它会产生不再适用于任何浏览器的代码。是否有任何方法可以使用类语法生成向后兼容的Web组件,或者是否有编写Web组件以获得最大兼容性的首选方法?示例代码-classTestElementextendsHTMLElement{connectedCallback(){this.innerHTML="Testing"}}customElements.define(

javascript - 使用Web Worker和D3.js异步生成图?

我目前正在解决一个问题,该问题要求我的Web应用程序生成一个代表大约50k到60k数据点的图表。它加载速度相当快(约6秒),但我想知道是否可以使用D3.js在WebWorker中生成图形,然后将SVG传回以加载到页面中。 最佳答案 WebWorker没有DOM访问权限,因此您在这方面所能做的就是构建可用于快速创建DOM的东西。例如,工作人员可以处理数据集并进行所有繁重的计算,然后将结果作为一组数组传回。 关于javascript-使用WebWorker和D3.js异步生成图?,我们在St

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

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

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

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

javascript - Angularjs jquery UI 自动完成

我正在尝试在Angular指令中实现jquery的自动完成功能。我收到的源数据来自websocket响应。它不起作用,我认为响应延迟是导致这里问题的原因。如果有人可以阐明下面的代码,我将不胜感激。是否有任何优雅的技术可以使用某种请求/响应或promise来实现这一点?app.directive('autoComplete',function($rootScope,locationAutoCompleteService,$timeout,$http,programLocationModel){return{restrict:'A',scope:{serviceType:'@service

javascript - AngularJS ui-router $state.go ('^' ) 仅更改地址栏中的 URL,但不加载 Controller

我正在尝试使用angularjsui-router创建一个“TodoApp”。它有2列:第1列:待办事项列表第2列:Todo详细信息或Todo编辑表单在保存Todo后的编辑和创建Controller中,我想重新加载列表以显示适当的更改。问题:在创建或更新Todo时调用$state.go('^')后,浏览器中的URL变回/api/todo,但是ListCtrl未被执行,即$scope.search未被调用,因此Todo列表(包含更改的项目)未被检索,第2列中第一个Todo的详细信息也未显示(而是,它变成空白)。我什至尝试过$state.go('^',$stateParams,{reloa