草庐IT

UI模板

全部标签

javascript - 使用标记的模板文字传递更多参数

我正在使用styled-components并使用其标记的模板文字语法生成组件,例如:constButton=styled.button`background-color:papayawhip;border-radius:3px;color:palevioletred;`在一种情况下,我需要调用一个函数来生成基于断点的媒体查询并传递要包含在其中的css的标记模板文字。例如:media(12)`background-color:papayawhip;`媒体功能可能看起来像这样:constmedia=mapValues(width=>({css:(...args)=>css`@media(

javascript - 有没有办法在VueJS中使用mixin继承模板

有人知道如何继承mixin及其模板吗?或者如何从mixin中注入(inject)动态元素或组件?编辑:我不想修改问候语组件,我有两个Mixins:添加方法raise404()并显示100%层的404Mixin和具有在Angular落显示微调器的loading()方法的LoaderMixin。我可以继承他们的方法,但我必须在我想使用它的每个组件中复制html。谢谢mixin={template:'{{foo}}',data(){return{foo:'Hello',};},}//ThisshouldbeHelloWorld!Vue.component('greeting',{mixins

javascript - jQuery UI 1.7.3 datepicker 与 date.js 冲突导致 "too much recursion"?

我正在尝试在jQueryUI对话框中使用jQueryUI1.7.3日期选择器小部件。对话框的内容来自一个页面模板,其中包括使页面功能所需的所有各种javascript导入。我还导入的其中一个东西是著名的date.js文件。我在对话框中加载的这个页面本身也作为独立页面存在。日期选择器在那里就像一个魅力。当我在对话框中加载它时,一切都中断了。当焦点位于日期输入字段时,日期选择器应该出现。但是,我收到了这样一个令人作呕的错误:toomuchrecursion[Breakonthiserror]returnw;};Date.prototype.isDST=function...ase"z":r

javascript - Handlebar.js 不刷新我的模板

好的。我的HTML如下所示。col1col2{{#results}}{{col_1}}{{col_2}}{{/results}}我通过Handlebar.js填充上面的内容,数据是从服务器接收的。这是代码。$.get(get_data_url,function(data){$('#json').empty().append(data);varrows=eval('('+data+')');varsource=$("#some-template").html();vartemplate=Handlebars.compile(source);$("#content-placeholder"

javascript - KnockoutJS 和递归模板

我看过thisquestion,并且使用它的方法会在JS控制台上抛出错误UncaughtSyntaxError:Unexpectedtoken)。我正在尝试获取一个递归的类别数组,它有一个Children属性,它是一个类别数组,并使用jquery模板构建它们。我尝试过的每种方法都会导致一些语法错误。我已经验证对象在javascript中正确显示(它来自MVC3,使用@Html.Raw(Json.Encode(Model.Categories))将其放入JS数组)。这是原始的csharp类publicclassCategoryTreeModel{publicintId{get;set;}

javascript - 在 jQuery Mobile 中更改页面时闪烁的 UI

我正在使用jQueryMobile1.0。当我在iPhone中从一个页面移动到另一个页面时,第二页出现并闪烁然后显示第一页并完全移动到第二页。这个怎么修?提前致谢..更新:你可以查看http://gugl.org/page1.html举个例子。 最佳答案 我使用以下CSS代码解决了这个问题:.ui-mobile-viewport-transitioning,.ui-mobile-viewport-transitioning.ui-page{overflow:visible;}我在myblog中提到了更多.

javascript - 如何通过单击共享点中的按钮关闭 SP.UI.ModalDialog?

我想在用户从EDITForm.aspx保存任何文档时显示确认对话框。所以我编写了以下JavaScript代码。functionPreSaveAction(){var_html=document.createElement();_html.innerHTML="";varoptions={title:"Confirm",width:400,height:200,showClose:false,allowMaximize:false,autoSize:false,html:_html};SP.UI.ModalDialog.showModalDialog(options);}function

javascript - angularjs 指令将名称属性绑定(bind)到模板元素

我正在尝试在select上创建一个包装器指令,并且我正在尝试将“name”属性分配给select指令我的指令定义为mainApp.directive('selectformfield',function(){return{restrict:'E',transclude:true,scope:{label:'@',id:'@',selectedval:'=',options:'=',name:'='},template:"--select--"};});我试图通过Controller中的myform访问select的name属性,例如console.log($scope.myForm.o

javascript - 如何对 Angular-UI Bootstrap Modal 组件的 'resolve' 属性进行单元测试

我正在尝试编写一个单元测试,断言正确的变量正在从Angular-UIBootstrap发送到ui.bootstrap.modal的resolve属性组件。这是我目前所拥有的://Controllerangular.module('app').controller('WorkflowListCtrl',function($scope,$modal){//Setuptheeditcallbacktoopenamodal$scope.edit=function(name){varmodalInstance=$modal.open({templateUrl:'partials/editWork

javascript - Angular UI 工具提示溢出屏幕

我有一个带有状态通知的工具提示(http://angular-ui.github.io/bootstrap/),但是当此通知过大时,它会溢出屏幕限制。这是正在发生的事情的打印:我在angularui中找不到任何处理这个问题的属性。提前致谢! 最佳答案 此解决方案不使用Angular-UI,仅使用Angular和Bootstrap。Bootstrap不是必须的,只是稍微简化了这个过程:http://plnkr.co/edit/jLThSTrLUapAG8OLW44m?p=preview在我继续之前,这个例子的替代方法是添加一个带有wo