草庐IT

UI组件库

全部标签

javascript - jQuery UI 可排序 : Move clone but keep original

现在我有一列元素,我将它拖到我拖动的位置,它会克隆,但当我放下时,它也会删除原始元素。$(".column").sortable({helper:'clone',connectWith:".column",connectWith:".grid",start:function(e,ui){ui.placeholder.height(ui.item.height());$(".column").find('.portlet:hidden').show()console.log('started')},stop:function(event,ui){$(ui.helper).clone(tr

javascript - jQuery UI 自动完成 : enforce selection from list without modifications

我正在使用AutocompletecomboboxwithKnockoutJStemplate/JQuery中提供的自定义绑定(bind)我需要强制要求用户必须在自动完成列表中选择一个值,并且在他们选择该值后无法向选择中添加其他文本。我进行了搜索,但找不到有关如何防止输入其他文本的示例。它必须保持可编辑状态,以防他们选择了错误的下拉菜单,但他们键入的内容必须与列表中的值100%匹配。我找到了this在jquery上发布,但它已经9个月大了,没有人发布答案。 最佳答案 没有内置函数可以执行您想要的操作。我做了一个简单的项目,其中使用了

javascript - 在 AngularJS 服务调用后填充 jQuery UI Accordion

我目前正在尝试构建一个AngularJS应用程序,我正在使用jQueryUIAccordion控件。问题是,在我的AngularJS服务完成从服务器加载数据之前启动了jQueryUIAccordion。换句话说:Accordion在启动时没有任何数据,因此在填充来自AngularJS的数据时不显示。View看起来像这样:$("#b2b-line-accordion").togglepanels();我的AngularJSController看起来像这样:app.controller('orderController',function($scope,orderService,userS

javascript - 如果子组件的 props 没有改变,React 还会重新渲染它吗?

假设我在React中有以下父子组件对:varChildComponent=React.createClass({getDefaultProps:function(){return{a:'a',b:'b',c:'c'}},render:function(){return(/*jshintignore:start*/{this.props.c}/*jshintignore:end*/);}});varParentComponent=React.createClass({componentDidMount:function(){//After10seconds,changeaproperty

javascript - 如何以编程方式设置 Kendo UI 网格列宽

我想以编程方式设置KendoUI网格列宽。我正在使用以下代码:functionsetColumnWidths(grid,options){for(vari=0;i执行语句后在chrome中调试时,grid.columns[i].width似乎已适当设置为新值,但GUI中没有任何变化,列宽保持不变。我错过了什么? 最佳答案 您需要通过其元素而不是其定义来更改网格的宽度。Kendo网格包含标题和内容,因此您需要更改两个元素。改用这段代码$("#grid-id.k-grid-header-wrap").find("colgroupcol"

javascript - react-redux 获取组件父 div 的宽度

这是组件的一部分:importMyCompfrom'../../lib/MyComp'constData=({data})=>()如何获取MyComp容器内data-boxdiv的宽度? 最佳答案 查看此工作演示:JSFiddle:varParent=React.createClass({render:function(){returnHelloParent;}});varChild=React.createClass({componentDidMount:function(){alert('Parentwidth:'+this.r

javascript - React.js 如何访问子组件中的输入值

我编写了简单的待办事项应用程序,但现在我无法访问应用程序(InputForm)的子组件中的输入值。也许我需要以某种方式重建结构或逻辑以使其工作?这是我的App组件:classAppextendsReact.Component{constructor(){super();this.state={items:[]}}addTodo(e){e.preventDefault();letitemHeading=this.refs.todoInput.value;//TODOAccesstoinputvalueletitemKey=Date.now();constitems=this.state.

javascript - 在 jQuery 日期选择器 UI 上禁用/启用选定的日期范围

所以我有以下演示http://dev.driz.co.uk/week.html显示了一个jQueryUI日期选择器,该日期选择器针对一年中的每个月都有多个实例。我对其进行了修改,以便用户选择整周,然后将这些周的开始和结束日期存储在右侧边栏中,并带有周数。我想做的是在用户选择日期后禁用这些日期,这样他们就可以在日历选择器上看到选择了哪些日期(并防止他们多次添加相同的日期范围)。但是我不知道从哪里开始...我已经创建了一些启用和禁用日期函数,但不知道如何使用beforeShowDay方法实际禁用日期。例如:vararray=["2013-03-14","2013-03-15","2013-

javascript - 了解 VueJS 中的组件 Prop

我正在通过关注laracasts系列网络广播来试用vuejs。在https://laracasts.com/series/learning-vue-step-by-step/episodes/8,JefferyWay讨论自定义组件。我有以下基于他的截屏的代码:{{task.t}}vue.component('tasks',{template:'#tasks-template',props:['list']//whynotprops:['tasks']??});newVue({el:'#app',data:{tasks:[{t:'gotodoctor',c:false},{t:'goto

javascript - Jquery UI 可拖动不会调整其他 DIV 的大小

Inthisplunk我有三个DIV除以另外两个可拖动(灰色)的DIV。当可拖动的DIV被向上/向下或向左/向右拖动时,其他DIV应该调整大小。第一个可拖动的DIV工作正常(左侧的那个可以垂直调整其他DIV的大小)。但是第二个可拖动的DIV不起作用,即使方法与第一个可拖动的DIV相同。有什么解决办法吗?Javascriptvartop1H,bottom1H;$("#div1").draggable({axis:"y",start:function(event,ui){shiftInitial=ui.position.top;top1H=$("#top1").height();botto