草庐IT

declarative-ui-components-spinner

全部标签

javascript - 动态更改 jquery UI 对话框的大小

我有一个jquery对话框。我在对话框中显示一个asp.netgridview。我希望对话框的大小根据GridView的大小而改变。有一个按钮,点击它会显示对话框。我想设置对话框的大小,使gridview完全适合它。Ihavemyjavascriptcodebelow:$("#ViewModalPopup").dialog({height:800px,scrollable:true,width:800,modal:true});这里的#ViewModalPopup是包含模态弹出窗口的div。我尝试实现以下逻辑以根据div的大小调整对话框的高度:varmaxHeight=600;varc

javascript - 恩伯斯 : how to display loading spinner and notification messages on model operations

我正在使用ember.js1.2,在对我的模型进行CRUD操作期间尝试显示加载微调器和通知消息时遇到问题。代码如下:varMyModelController=Ember.ObjectController.extend({needs:['application'],application:Ember.computed.alias("controllers.application"),actions:{save:function(){var_this=this;//Displaythespinnerthis.get('application').get('loading').trigger

javascript - Angular-UI-Router - 获取动态模板的内容

我正在使用angular-ui-router构建一个Angular应用程序。后端有一个RESTapi,它根据工单ID为我提供表单的url。在app.js中,我想根据对此REST服务的查询动态设置模板。示例:$stateProvider.state('form',{url:'/form/:id',templateProvider:function($resource,formResolver,$stateParams){//formResolvercallstheRESTAPIwiththeformidandgetsbackaURL.returnformResolver.resolve(

javascript - 语义 UI 边栏和下拉菜单

我正在尝试使用语义ui创建一个简单的webui。我想要一个带有菜单的侧边栏,在某些项目中会有子项目......应该不会那么难吧?http://jsfiddle.net/ycm8ctfx/ExampleMessages如何让子项目在正常页面内容上“飞出”侧边栏?如果您在示例中单击“消息”,将出现菜单(观察底部出现的滚动条),但由于它们是侧边栏的子项,因此它们显示在侧边栏中。但我希望它们漂浮在正常内容上!我没有通过摆弄z-index来让它工作。 最佳答案 如果侧边栏被配置为使用overlay过渡,它可以通过指定来修复.ui.sideba

javascript - 如何从其他 Controller 关闭 Angular-ui 模式

我正在使用Angular-ui弹出一个带有表单的模式。我的代码是:app.controller('NewCaseModalCtrl',['$http','$scope','$modal',function($http,$scope,$modal,$log){$scope.items=['item1','item2','item3'];$scope.open=function(size){varmodalInstance=$modal.open({templateUrl:'modal-new-case.html',controller:'ModalInstanceCtrl',size:s

javascript - knockout : Invoking function of parent component from child component

问题:我正在尝试构建一个小部件仪表板。每个小部件的标题上都有一个删除按钮。单击此按钮时,相应的小部件必须消失。我是如何设计的:我有两个knockout组件。我的小部件列表:VO将有一个小部件对象的observableArray。我的小部件:VO将在小部件中显示详细信息。注意:为简单起见,我只用数字替换了小部件对象。ko.components.register('my-widget-list',{viewModel:function(params){varself=this;self.values=ko.observableArray([10,20,30,40,50]);self.del

javascript - 视觉 : Components/templates as props

我目前正在尝试学习vue并在整个组件概念上苦苦挣扎。假设我有一些定义选项卡的组件(如浏览器选项卡)。这个组件有一个名为name的属性。所以你可能会像这样使用组件:然而,让我们说事情需要更复杂一点。例如,您不只是希望名称是一个字符串,而是常规的HTML。好的,所以,您可以在v-html指令中使用prop并像这样使用选项卡组件:'+tab.display_name+''">由于引述太多,我花了一段时间才弄明白。有没有办法逃离这个逃生hell(完全是双关语)?我怎样才能把它放到它自己的代码片段/模板中?如果我们让它变得更复杂怎么办——比如我们要求prop是一个vue组件?'+tab.disp

javascript - JavaScript UI 小部件的框架?

这个问题不太可能帮助任何future的访问者;它只与一个小的地理区域、一个特定的时间点或一个非常狭窄的情况相关,这些情况并不普遍适用于互联网的全局受众。为了帮助使这个问题更广泛地适用,visitthehelpcenter.关闭10年前。我正在尝试将JavaScriptUI小部件框架列表放在一起以供在项目中考虑。理想情况下,它将是一个具有一系列现成的ui小部件的库,不依赖于dom/js扩展/操作框架(如JQuery或Prototype),最少的附加内容,如AjaxAPI和DOM选择器等。这是我目前所拥有的:qooxdoo,脚本客户端ExtJs谁能推荐其他值得一看的?请不要建议,JQuer

javascript - 在 jquery UI 中检测单选/复选框 'checked' 状态。底层按钮不更新

我正在使用jQueryUIbuttonwidget在我需要验证某些单选/复选框元素的表单中。根据提供的链接中的演示-Their(theoriginalelements)associatedlabelisstyledtoappearasthebutton,whiletheunderlyinginputisupdatedonclick.即使您检查我提供的示例页面,底层按钮元素也不会更新任何内容。注意-默认选中示例中中间的单选按钮。我正在使用以下代码来检测按钮状态-奇怪的是它总是正确的(我认为它是错误的)。$el=$("#someCheckbox");if($el.attr('checked

javascript - 扩展 jquery ui 小部件 - 如何访问父事件

我正在尝试创建一个扩展自ui.slider的jQuery小部件.我想要一个在“幻灯片”事件上执行的自定义方法。我尝试像正常使用slider小部件一样覆盖父项的选项,但我遇到了可变范围的问题:$.widget("ui.myslider",$.ui.slider,{_create:function(){this.foo="bar";//Outputs"bar"this._mySlide();//Outputs"undefined"whentriggeredthis.options.slide=this._mySlide;$.ui.slider.prototype._create.apply