草庐IT

UI模板

全部标签

javascript - 从主干 View 中的模板获取 DOM 元素

我正在使用Backbone.js来显示人员列表及其数据。每个人都有属于自己的.div由_.template生成并包含显示此人数据的字段,以便对其进行调整。还有一个带有class=".save"的按钮.在我看来,我有一个绑定(bind)到单击此按钮的功能。我正在寻找获取值的最佳方法-div中的标签属于模型。这是我的方法,但我想知道是否有更好的方法。在我的模板中,我根据模型的ID为DOM元素动态分配了ID。我使用相同的逻辑在View中找回元素。模板"id="name_"/>"id="age_"/>"id="address_"/>Save查看events:{"click.save":"sav

javascript - JQuery UI 自动完成 : . 数据(...)未定义 [但仅当我添加第二个自动完成框时]

我正在使用JQuery1.8.3和JQueryUI1.8.24。这是代码,工作正常:$(function(){$("#").autocomplete({source:function(request,response){$.ajax({url:'',type:"POST",dataType:"json",data:{searchPattern:request.term},cache:false,success:function(data){response($.map(data,function(item){return{label:item.Label,value:item.Valu

javascript - 在模板中调用 mustache 变量的方法

我有一个mustache模板,我想对mustache变量(在本例中为{{name}})调用一些函数。具体来说,我想对名称变量调用toLowerCase()方法。{{#cat}}{{/cat}}我尝试查看mustache文档,但找不到如何执行此操作。我试过做但我没有得到我期望的结果。我使用此代码呈现模板,该代码在文档准备就绪时触发。$(function(){$.getJSON('/cats.json',function(data){vartemplate=$("#mytemplate").html();varview=Mustache.to_html(template,data);$("

javascript - 预编译的闭包模板 - 闭包编译器中的 "Variable referenced before declaration"警告

java-jarSoyToJsSrcCompiler.jar--shouldGenerateJsdoc--outputPathFormatsimple.js--srcssimple.soySoyToJsSrcCompiler生成一个js文件,如下所示:if(typeoftemplates=='undefined'){vartemplates={};}if(typeoftemplates.simple=='undefined'){templates.simple={};}/***@param{Object.=}opt_data*@param{(null|undefined)=}opt_i

javascript - 如何从 Marionette.js ItemView 模板访问 Backbone.Model 方法?

我正在尝试使用backbone/marionette.js从.eco模板中访问模型的方法。我有一个带有day()方法的Expense模型,它使用moment.js返回“13th”;例如:classExpenseextendsBackbone.Modelday:->moment.get('date').format('Do')我可以按如下方式创建一个新的Expense,并调用day()方法:coffee=newExpense({name:"Coffee",amount:2.50,date:"2014-01-13T13:50:00Z"})coffee.day()#13th但是,尝试从以下V

javascript - 在客户端中包含 jquery-ui-browserify

我',使用browserify将Node模块转换为我的express应用程序的浏览器模块。这是browserify的命令browserify-rjquery>./public/js_app/jquery.jsbrowserify-rjquery-ui-browserify>./public/js_app/jquery-ui.js这是需要jqueryvarjQuery=require('jquery');这段代码工作正常jQuery("#info-dialog");但我不知道如何包含jquery-ui-browserify。我已经试过了,但没有用varjQuery=require('jq

javascript - 如何从剑道模板绑定(bind)调用父方法?

我有以下fiddle.我正在尝试为数组汽车中的每个元素调用父方法lowestMpgMsg。我曾尝试使用以下绑定(bind)但没有成功:data-bind="text:lowestMpgMsg()"data-bind="text:parent.lowestMpgMsg()"data-bind="text:parent().lowestMpgMsg()"data-bind="text:parent().lowestMpgMsg"谢谢!这是我的html---这是我的javascriptvarviewModel=kendo.observable({cars:[{brand:"Toyota",m

javascript - 将对象从 jade 传递到 angularjs 模板

我正在尝试将对象从Node传递到客户端,如下所示render:function(req,res){res.render('auth',{userData:req.session.user});}在我的auth.jade中,代码如下script.vardata=!{JSON.stringify(userData)}console.log(data)window.top.location='/profile'所以我将应用程序重定向到我在routeProvider中使用angularjs定义的新路由app.config(['$routeProvider','$locationProvider

javascript - 如何从 ui-grid 中显示的按钮调用范围方法 - 在 Angular js 中

我想创建一个带有链接的自定义列,并在ng-click上调用$scope方法。ngGrid(HowtocallascopemethodfromabuttondisplayedinngGrid-inAngularjs)有非常相似的问题,该解决方案有效。我正在使用ui-grid,它应该只是ngGrid的更新版本,但它似乎在那里不起作用。这是我的代码:varapp=angular.module('plunker',['ui.grid']);app.controller('MainCtrl',function($scope){$scope.gridOptions={data:[{name:'te

javascript - Angular JS - UI路由器页面重新加载不会设置状态

这是我的主要应用程序(app.js)(function(ng,module){module.config(['$stateProvider','$urlRouterProvider',function($stateProvider,$urlRouterProvider){$urlRouterProvider.otherwise("app");$stateProvider.state('login',{url:'login',templateUrl:'/assets/templates/pages/login.html'}).state('root',{url:'',templateUr