草庐IT

UI工具

全部标签

javascript - 替代 jquery ui

很难说出这里要问什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或夸夸其谈,无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开,visitthehelpcenter.关闭10年前。我目前是一个通过javascript高度依赖某些ui功能的网站。例如验证Web表单或打开模式弹出窗口的能力。我正在使用jquery。过去我曾为此使用jqueryui,但我现在正在寻找其他选择。这样做的主要原因是jqueryuijs文件的大小,我觉得对于我使用的少数功能来说这个文件很大。我了解该文件包含我不需要的其他UI功能。对UI验证和模式弹出框架有什么建议吗?

javascript - 如何获取对 Kendo UI TabStrip 中当前选定选项卡的引用?

我正在创建一种方法来删除基于“x”图像的KendoUITabStrip选项卡。我希望它以与其他选项卡控件(例如Chrome/IE)相同的方式工作:如果事件标签已关闭,则选择下一个标签(或者如果它是最后一个标签,则选择上一个标签)。如果它不是事件标签,则确保事件标签保持打开状态。我认为我需要获取对当前选项卡的引用,然后检查要删除的选项卡是否是事件选项卡。目前我的代码只是关闭与点击图片相关的选项卡:functionDeleteTab(imgObj){vartabStrip=$("#tabstrip").data("kendoTabStrip");vardeleteIndex=$(imgOb

javascript - 在没有元素的情况下使用 jquery ui 显示模式对话框?

我正在制作一个小型jquery应用程序。我需要一些确认框出现。但是,我不想为了打开对话框而必须将元素附加到正文。有没有办法避免这种情况?只是调用一个对话框并传递诸如标题、文本和选项之类的参数? 最佳答案 当您创建jQueryUI对话框时,当前版本(1.8.*)自动将对话框添加到正文中。所以如果你这样做:$('').dialog({modal:true})它只是工作。不过,您应该确保在关闭对话框的情况下调用.remove()以删除新元素!functionmyalert(title,text){vardiv=$('').html(tex

javascript - 列表框选项元素上的 Twitter Bootstrap 弹出窗口和工具提示显示在错误的位置

我已经设置了一个快速jsFiddle来证明问题。当在选择列表的选项元素上使用Bootstrap的工具提示或弹出窗口时,弹出窗口或工具提示不会显示在项目旁边,而是显示在页面的最左上角。我使用的HTML是:Item1Item2Item3Item4​javascript调用很简单:$(function(){$('#testListoption[rel=popover]').popover({placement:'right',trigger:'hover'});});​我该怎么做才能让它显示在正确的位置? 最佳答案 这是预期的。结核病to

javascript - 如何为 Telerik Kendo UI 饼图楔形着色?

我正在使用TelerikKendo饼图,我希望能够为楔形着色。以下是我的KendoUI饼图的标记:functioncreateChart(){jQuery("#chart").kendoChart({theme:jQuery(document).data("kendoSkin")||"Metro",legend:{position:"bottom"},seriesDefaults:{labels:{visible:true,format:"{0}%"}},series:[{type:"pie",data:[{category:"RemainingWork",value:75,explo

javascript - AngularJS/ng-grid - 使用拼接更新数组不会更新 UI

我正在尝试更新ng-grid用数组splice.我有一个笨蛋here。添加按钮添加新行。更新按钮更新数组中的最后一项。选择一行并按更新按钮。什么都没发生。按添加按钮。现在UI会更新为新元素&以及之前更新的元素。同样的行为一次又一次地重复。我试过了$scope.$apply.我得到:“Error:$applyalreadyinprogress”我什至尝试放置$scope.$applysetTimeout内的block称呼。又是同样的错误!任何指针!谢谢! 最佳答案 那是因为ng-grid中的数据$watcher(错误地)比较数据对象以

javascript - 在 AngularJS 的 ionic 框架中使用 ui-router

我正在开发一个使用ionic框架的应用程序。这反过来使用ui-router。目前,我有一个非常基本的两页应用程序。但是,它将扩展到更大。此时,当我从第一个View转换到第二个View时出现错误。错误说:TypeError:Cannotreadproperty'1'ofnullathttp://localhost:11000/vendor/ionic/release/js/ionic.bundle.js:14235:28atupdateView(http://localhost:11000/vendor/ionic/release/js/ionic.bundle.js:37839:30)

javascript - Kendo UI Grid Inline - 在网格的特定位置插入新行

我正在尝试通过addRow()方法向网格中插入一个新行,但我希望将其添加到网格上当前选定行之后或当前选定行之前?有人可以帮忙吗?目前我得到的是:Grid.addRow();$(".k-grid-edit-row").appendTo("#Gridtbody");但这会在表格底部插入一行。我需要它在特定位置添加行,网格已经有行。 最佳答案 这些是步骤:获取选中的项获取所选项目对应的项目。获取选中项对应的索引。使用DataSource中的insert方法指定要插入的位置。代码:vargrid=$("#grid").data("kendo

javascript - 让 React 开发人员工具与 Webpack 一起工作

我关注了这个tutorial在Webpack中将React公开为全局。Expose模块已安装,我在配置webpack.config.js文件中添加了模块加载器。但是,它不起作用并且React开发人员工具仍然无法访问。这是我的webpack.config.js文件,第一个加载器是expose-react:varpath=require('path'),webpack=require('webpack'),htmlWebpackPlugin=require('html-webpack-plugin');constPATHS={app:path.join(__dirname,'app'),b

javascript - 以编程方式打开和关闭 Chart.js 工具提示

Chart.js2.2.1知道如何触发当我将鼠标悬停在数据点上时运行的代码,以及当我将鼠标移开时运行的代码吗?我需要以编程方式显示和隐藏图表的工具提示。openTip(oChart,datasetIndex,pointIndex){//howtoopenaspecifictooltip?}closeTip(oChart,datasetIndex,pointIndex){//howtoclosethesametooltip?}如果可以的话,我会展示示例代码,但我什至不知道从哪里开始。chartmethoddocs没有帮助。JSFiddle 最佳答案