草庐IT

UI组件库

全部标签

javascript - JQuery UI 可排序,输入框不可编辑

我正在尝试将一个输入框放入一个可排序的UL。排序有效,但文本“锁定”或点击事件被覆盖...不知道该怎么做。我觉得这个link解决了我的一些问题。但是,我还是一头雾水。我也有fiddle此处代码用于测试。提前致谢!问 最佳答案 正如评论中所指出的,当您在取消选项中包含输入标签时,这会起作用$('#jqParetoEditList').sortable({cancel:".fixed,input",delay:100,//connectWith:"",stop:function(event,ui){//p.HandleSortParet

javascript - Angular UI 路由器嵌套 View

我有这样的结构:我希望能够像下面这样在主状态下定义模板,而不必在子状态下进行管理。.state('state1',{url:'/',views:{'main':{templateUrl:'/modules/blog/partials/index.html',controller:'BlogController'},'sidebar':{templateUrl:'/modules/core/partials/sidebar.html'}}});我希望名为sidebar的ui-view不是main的子状态,而是由main状态的View填充对象而不是子状态的templateUrl字段。我该怎

javascript - Angular UI-Router 动态路由基于来自 API Ajax 调用的 slug。基于 slug 加载 View

服务器数据库中可通过API访问的slug示例:{slug:"john-smith",type:"user"}{slug:"microsoft-technologies",type:"company"}场景1:用户View和Controller:http://localhost/john-smith.state('user',{url:'/:user',templateUrl:'partial-user.html',controller:'userCtrl'})场景2:公司View和Controller:http://localhost/microsoft-technologies.st

javascript - 来自组件的 Angular 2 getBoundingClientRect

我有如下组件,它基本上是一个弹出窗口:import{Component,Input,ViewChild}from'angular2/core'declarevar$:any;@Component({selector:'popover',template:``})exportclassPopover{@ViewChild("temp")temp;privatehidden:boolean=true;privatey:number=0;privatex:number=0;show(target,shiftx=0,shifty=0){letposition=$(target).offset(

javascript - 为什么箭头语法优先于功能性 React 组件的函数声明?

我总是看到用箭头函数语法定义的函数式React组件的示例:constfoo=()=>(...);exportdefaultfoo;而不是更传统的函数声明语法:exportdefaultfunctionfoo(){return...;}是否有理由更喜欢前者而不是后者? 最佳答案 我会说这确实是一个有点自以为是的选择。我(个人)将箭头函数用于纯功能组件视为非常糟糕的做法至少有几个原因。这是那些:语法滥用。当我们定义功能组件时,我们不需要将其上下文预先绑定(bind)到特定范围。上下文(this)在模块命名空间中无论如何都将是undefi

javascript - 将 Native 传递函数作为 prop 传递给子组件

我是ReactNative(和React)的新手,我正在尝试将函数作为prop传递给组件。我的目标是创建一个组件,它的onPress功能可以由组件的实例化器设置,以便它更容易重用。到目前为止,这是我的代码。App.jsimportReact,{Component}from'react';import{View}from'react-native';importTouchableButtonfrom'./components/touchable-button';exportdefaultclassAppextendsComponent{constructor(){super();}han

javascript - 在选择的 jquery ui 选项卡上获取选项卡文本

我正在使用jqueryui标签我可以在“加载”(ajax)事件中获取所选选项卡的索引$('#tabs').tabs({load:function(e,ui){if($('#tabs').tabs('option','selected')==0){}}});现在我想获取标签名称例如...ProfileShouts我想在单击第一个选项卡时检索文本配置文件或单击第二个选项卡时大喊。谢谢 最佳答案 您可以使用uiargument传入,具体是ui.tab获取anchor元素,像这样:vartext=$(ui.tab).text();我没有要加

javascript - 另一个组件中的 React JS 引用函数

我正在尝试通过另一个组件呈现一个按钮,以引用和/或影响不同组件的状态。varInputs=React.createClass({getInitialState:function(){return{count:1};},add:function(){this.setState({count:this.state.count+1});},render:function(){varitems=[];varinputs;for(vari=0;i);items.push();}return({items});}});我想编写一个新组件,该组件将能够访问Inputs中的add函数。我尝试像这样用I

javascript - jQuery UI DatePicker 在第二次调用时挂起

我正在创建一个在对话框中使用jQueryDatepicker和Timepicker的ASP.NETMVC3应用程序。代码很简单,只是本地化:$(document).ready(function(){$('.datepicker').datepicker({dateFormat:"dd/mm/yy",monthNames:['Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],dayNames:['Domingo',

javascript - AngularJS/UI Bootstrap - 删除时淡出警报

我将Angular与UIBootstrap一起使用.我创建了自定义指令,将广播警报推送到绑定(bind)到View的警报数组(呈现为Bootstrap警报)。在一定的超时后,警报将从数组中删除(并因此从View中删除)。这是代码:angular.module('myApp').directive('alerts',function($timeout){return{restrict:'E',templateUrl:'views/alerts.html',scope:true,/*sharescopebetweenalertsdirectives*/link:function(scope