请教如何设置output文本颜色

cgrddv

zsyhcxs 发表于 2016-9-6 16:33
a是前面自己定义的一个
加入一个data组件，设置列name为b，编辑数据,再bind-style
{'color' : $model.da ...

如果要在前端用变量，你就在JS里的Model下写this.变量，这样前端才可以用

zsyhcxs

cgrddv 发表于 2016-9-6 16:39
如果要在前端用变量，你就在JS里的Model下写this.变量，这样前端才可以用

js:
var this.a=0；
var b=5;
ver c=7;
this.a=b/c;

bind-style 里面直接写
{'color' : a>0 ? 'red':'black'} ?
还是{'color' : this.a>0 ? 'red':'black'} ?

cgrddv

zsyhcxs 发表于 2016-9-6 17:43
js:
var this.a=0；
var b=5;

你前面是不是有var Model = function(){}这一堆东西，在里面写this.a

zsyhcxs

cgrddv 发表于 2016-9-6 17:49
你前面是不是有var Model = function(){}这一堆东西，在里面写this.a

就是在里面写的 我把全部代码发出来
define(function(require){
        var $ = require("jquery");
        var justep = require("$UI/system/lib/justep");
        var Model = function(){
                this.callParent();
        };
   
        Model.prototype.button1Click = function(event){
              var b= this.comp("input7").val();
          var ct= this.comp("input8").val();         
          var this.a=0.0;
           this.a=b*c;
          this.comp('output1').set({"value":  this.a});                               
        return Model;
});
然后output1数据绑定bind-style ：{'color' : a>0 ? 'red':'black'}

cgrddv

zsyhcxs 发表于 2016-9-7 09:27
就是在里面写的 我把全部代码发出来
define(function(require){
        var $ = require("jquery");

你这写的啥啊。。。。。
define(function(require){
        var $ = require("jquery");
        var justep = require("$UI/system/lib/justep");
        var Model = function(){
                this.callParent();
                this.a=0.0
        };
   
        Model.prototype.button1Click = function(event){
              var b= this.comp("input7").val();
          var ct= this.comp("input8").val();         
           this.a=b*c;
          this.comp('output1').set({"value":  this.a});                                
        return Model;
});

zsyhcxs

define(function(require){
        var $ = require("jquery");
        var justep = require("$UI/system/lib/justep");
        var Model = function(){
                this.callParent();
                this.a=0.0;
        };
   
        Model.prototype.button1Click = function(event){
           var b= this.comp("input7").val();
           var c= this.comp("input8").val();         
           this.a=b*c;
          this.comp('output1').set({"value":  this.a});         }  ;                           
        return Model;
});
然后然后output1绑定bind-style ：{'color' :this.a>0 ? 'red':'black'} 还是无法进行颜色选择

zsyhcxs

cgrddv 发表于 2016-9-7 09:37
你这写的啥啊。。。。。
define(function(require){
        var $ = require("jquery");

本帖最后由 zsyhcxs 于 2016-9-13 16:11 编辑


define(function(require){
        var $ = require("jquery");
        var justep = require("$UI/system/lib/justep");
        var Model = function(){
                this.callParent();
                this.a=0.0;
        };
   
        Model.prototype.button1Click = function(event){
           var b= this.comp("input7").val();
           var c= this.comp("input8").val();         
           this.a=b*c;
          this.comp('output1').set({"value":  this.a});         }  ;                           
        return Model;
});
然后然后output1绑定bind-style ：{'color' :this.a>0 ? 'red':'black'} 还是无法进行颜色选择

carbinechun

zsyhcxs 发表于 2016-9-6 16:33
a是前面自己定义的一个
加入一个data组件，设置列name为b，编辑数据,再bind-style
{'color' : $model.da ...

感觉你说的问题是在js里设置的变量在组件上没法直接使用的问题，这应该是正常的吧，你只有把它放函数里才能正常用，就像用data组件字段似的，那不也相当于封装的字段么，组件界面的数据调用和js应该是通过函数才行

cgrddv

zsyhcxs 发表于 2016-9-14 09:36
本帖最后由 zsyhcxs 于 2016-9-13 16:11 编辑

前端用$model.a

atfa

都有很多人回答了我就不说什么了