草庐IT

UI工具

全部标签

javascript - 从 Material UI 中的 TableRow 组件获取数据

我在最新版本的MaterialUI中使用表格组件,但我不确定在表格行被选中时我应该如何获取数据。文档提到了名为onRowSelection的Table组件的prop,但它只为您提供所选行的RowNumber,没有其他内容。您应该如何使用它?我不明白你是怎么想捕获说...设置到TableRow的关键Prop只使用同一TableRow的RowNumberProp。下面的代码展示了我是如何呈现表格本身并分配键的:handleSelect(id){console.log(id);this.props.dispatch({type:'SET_SELECTED_USER',user:id});}r

javascript - Redux 如何改变 React 中的 UI?

我一直在努力思考这个概念,但没有成功。官方React教程非常好,但对我来说太复杂了,只是有点太难了。我正在尝试了解Redux,到目前为止,我可以创建Action、reducer,我可以分派(dispatch)一个Action,然后查看分派(dispatch)后存储状态如何变化。我还设法理解了react-redux的connect,它工作得非常好,我能够从我的应用程序中的任何地方触发调度。所以我想我几乎明白了。几乎是因为这是房间里的大象-我发送了操作,我看到Redux状态发生了变化,但是我该如何更改UI?例如,我的初始状态中有一个text对象,其值为Initialtext并且单击按钮后,

javascript - Vuex Mutation 正在运行,但组件在 vue 开发工具中手动提交之前不会更新

我有一个vue组件,我无法从通过服务调用填充的计算属性进行更新。Feed.vueStatsfor{{feed.name}}loading{{feedID}}exportdefault{data:()=>{return{feedID:false}},computed:{feed(){returnthis.$store.state.feed.currentFeed},loading(){returnthis.$store.state.feed.status.loading;}},created:function(){this.feedID=this.$route.params.id;var

javascript - 是否有任何工具可以按 DOM 结构比较 HTML 文档?

我想比较两个HTML文档,并想知道它们是否相同。但仅按DOM结构进行比较,这意味着忽略标签中属性的顺序,例如,是一样的。 最佳答案 DOMLevel3Core提供方法isEqualNode()比较内容给出一个解析的DOM节点。Firefox、Chrome、Safari和IE9支持此功能,但Opera或更早版本的浏览器不支持。如果您需要其他浏览器的支持,则必须自己实现。这是JS中的部分实现:functionNode_isEqualNode(that,other){//Usenativesupportwhereavailable//if

javascript - 你如何使用 FB.UI 自动发布?

我有stream_publish权限,但它仍然会弹出一个对话框,而且似乎没有任何方法可以传递自动发布bool值(就像在图形api之前一样)。编辑:还尝试使用stream_publish进行offline_access。关于如何让它发挥作用的任何想法?functionstreamPublish(imageUrl,imageHref,attachName,attachHref,attachCaption){FB.ui({method:'stream.publish',message:'',attachment:{name:attachName,caption:attachCaption,d

javascript - 在 Rails 应用程序中对 Javascript 繁重的 UI 进行集成测试的最佳方法是什么?

我们有一个在UI中广泛使用AJAXyJavascript的Web应用程序。我们使用Shoulda和Webrat对后端进行了几乎完整的代码覆盖,并希望扩展我们的测试套件以包括通过JavascriptUI进行的完整集成测试。我们尝试了Selenium,但发现它脆弱且易变。有没有更可靠的选择?更新对于那些仍在检查的人,我们最终使用了Xvfb,这样我们就可以在没有屏幕的情况下运行Firefox。允许我们在headlessJenkinsCI服务器上运行测试。我们仍然需要偶尔在本地“实时”运行测试以进行调试,但它运行良好。 最佳答案 我最近工作

javascript - qTip2 - 激活时刷新工具提示

我在这里使用qTip2,并且需要能够在工具提示仍处于事件状态时刷新它的内容。带有工具提示的元素有一个单击事件,该事件会执行一些计算,这些计算可以更改我希望在工具提示中显示的内容。我尝试在每次重新计算后调用“destroy”方法并重新绑定(bind)qtip2,但只有在将鼠标移开并将其放回后才能正常工作。我想要实现的是强制当前事件的工具提示重绘自身。 最佳答案 如果您查看documentation,有一个“设置”方法来改变内容:$('.selector').qtip('option','content.text','newconten

javascript - 自定义工具提示的基本思想,使用纯 Javascript

我需要使用纯Javascript创建自定义工具提示的基本想法代码;我想要什么:例如:LinkText和onmouseover我想用fixedposition显示自定义工具提示基于的元素position,从right:0开始或来自left:0的元素; 最佳答案 我对这个问题有个好主意。HTMLGoogleJavaScript(function(){vara=document.getElementsByTagName('*'),tip,text,base=document.createElement('tooltip');//Defin

javascript - Highcharts - HTML 工具提示和数据标签呈现问题

这是我的问题,当您为数据标签设置useHTML:true时,标签文本似乎会覆盖工具提示背景。您可以在这个简单的fiddle中看到行为:barchart尝试在鼠标悬停在栏上时显示工具提示,您将在工具提示背景中看到数据标签的文本。是否可以在数据标签上设置z-index?我试图在工具提示定义中添加它但没有成功:style:{color:'black','z-index':0},我还尝试为数据标签和工具提示设置跨度类,然后将z-index添加到这些类的css属性中,但它仍然无法正常工作。编辑:由于我仍在寻找问题的解决方案,有人可以指出向图表的条形图(或数据标签)添加类的方法吗?我的目标是调用此

javascript - 没有复选框的 Kendo UI TreeView 父节点

用复选框实现显示TreeView的方法是什么,但我不需要父节点的复选框,只需要没有子节点的“项目”。即我正在显示文件夹结构,但不想为任何仅用于文件的文件夹设置复选框。谢谢。 最佳答案 你应该使用checkboxtemplate.如果没有child,则根本不显示复选框输入。HereisaJSBINexample我在说什么。 关于javascript-没有复选框的KendoUITreeView父节点,我们在StackOverflow上找到一个类似的问题: http