记账本开发报错

q838826052

我在一步步按照教程学习开发记账本时老是报错。就是做到记账本列表页时，按照教程想把记账本当中是收入的变成绿色，在第一行第一列的bind-style属性里添加 { 'color': val("fType")=='收入'？‘green’：‘brown’}属性时，老是报错，错误代码如下：
Uncaught SyntaxError: Unable to parse bindings.Bindings value: style:{ 'color': val("fType")=='收入'？‘green’：‘brown’}
Message: Unexpected token ILLEGAL
不知道是什么意思，要如何处理，删除属性里面的属性值以后，浏览器里面就能正常显示，否则就没有显示，连展现组件都没有了，望大神解答，不甚感激！谢谢！

jishuang

把.w文件发一下看看

q838826052

define(function(require){
        var $ = require("jquery");
        var justep = require("$UI/system/lib/justep");

        var Model = function(){
                this.callParent();
        };

        Model.prototype.addbutton = function(event){
           this.comp("windowDialog1").open({
           params:{operator:'new'
           }
           })

        };

        return Model;
});
这是JS代码
ml version="1.0" encoding="utf-8"?>
<div xmlns="http://www.w3.org/1999/xhtml" component="$UI/system/components/justep/window/window" design="device:m;" xid="window" class="window">  
  <div component="$UI/system/components/justep/model/model" xid="model" style="height:auto;top:232px;left:344px;">
  <div component="$UI/system/components/justep/data/baasData" autoLoad="true" xid="baasData1" queryAction="queryAccount" saveAction="saveAccount" url="/justep/account" tableName="account" idColumn="fID"><column label="ID" name="fID" type="String" xid="default1"></column>
  <column label="创建时间" name="fCreateTime" type="DateTime" xid="default2"></column>
  <column label="日期" name="fDate" type="Date" xid="default3"></column>
  <column label="金额" name="fMoney" type="Decimal" xid="default4"></column>
  <column label="备注" name="fDescription" type="String" xid="default5"></column>
  <column label="类型" name="fType" type="String" xid="default6"></column>
  <column label="分类" name="fClass" type="String" xid="default7"></column></div></div>  
  <span component="$UI/system/components/justep/windowDialog/windowDialog" xid="windowDialog1" src="$UI/acc1/detail.w"><result concept="baasData1" operation="edit" origin="baasData1" xid="default8">
   <mapping from="fID" to="fID" locator="true" xid="default9"></mapping>
   <mapping from="fCreateTime" to="fCreateTime" xid="default10"></mapping>
   <mapping from="fDate" to="fDate" xid="default11"></mapping>
   <mapping from="fMoney" to="fMoney" xid="default12"></mapping>
   <mapping from="fDescription" to="fDescription" xid="default13"></mapping>
   <mapping from="fType" to="fType" xid="default14"></mapping>
   <mapping from="fClass" to="fClass" xid="default15"></mapping></result></span><div component="$UI/system/components/justep/panel/panel"
    class="x-panel x-full" xid="panel1">
      <div class="x-panel-top" xid="top1">
        <div component="$UI/system/components/justep/titleBar/titleBar" title="记账本"
          class="x-titlebar">
          <div class="x-titlebar-left">
            <a component="$UI/system/components/justep/button/button"
              label="" class="btn btn-link btn-only-icon" icon="icon-chevron-left"
              xid="backBtn">
              <i class="icon-chevron-left"/>  
              <span></span>
            </a>
          </div>  
          <div class="x-titlebar-title">记账本</div>  
          <div class="x-titlebar-right reverse">
          <a component="$UI/system/components/justep/button/button" class="btn btn-link btn-only-icon" label="button" xid="addbuttn" icon="icon-android-add">
   <i xid="i2" class="icon-android-add"></i>
   <span xid="span2"></span></a></div>
        </div>
      </div>  
    <div class="x-panel-content" xid="content1"><div component="$UI/system/components/justep/list/list" class="x-list" xid="list1" data="baasData1">
   <ul class="x-list-template" xid="listTemplateUl1">
    <li xid="li1"><div component="$UI/system/components/justep/row/row" class="x-row" xid="row1">
   <div class="x-col" xid="col1"><div component="$UI/system/components/justep/row/row" class="x-row" xid="row3">
   <div class="x-col" xid="col7"><div component="$UI/system/components/justep/output/output" class="x-output" xid="output1" bind-ref='ref("fClass")' style="font-size:x-large;"></div></div>
   <div class="x-col" xid="col9"><div component="$UI/system/components/justep/output/output" class="x-output" xid="output2" bind-ref='ref("fMoney")' style="font-size:x-large;"></div></div></div>
  <div component="$UI/system/components/justep/row/row" class="x-row" xid="row4">
   <div class="x-col" xid="col10"><div component="$UI/system/components/justep/output/output" class="x-output" xid="output3" bind-ref='ref("fDescription")'></div></div>
   <div class="x-col" xid="col12"><div component="$UI/system/components/justep/output/output" class="x-output" xid="output4" bind-ref='ref("fDate")'></div></div></div></div>
   <div class="x-col x-col-fixed x-col-center" xid="col3" style="width:auto;"><a component="$UI/system/components/justep/button/button" class="btn btn-link btn-only-icon" label="button" xid="button1" icon="icon-android-close">
   <i xid="i1" class="icon-android-close"></i>
   <span xid="span1"></span></a></div></div></li></ul> </div></div>
  </div>
</div>
我把源码也帖出来，帮我看看，谢谢！

jishuang

你发的这个就没有报错的那个设置，把带报错的发一下

kpcbk

jishuang 发表于 2017-6-20 10:44
你发的这个就没有报错的那个设置，把带报错的发一下

你好，就是记账本的例子，我也出现同样的问题，不知后来是怎样处理的呢？谢谢

jishuang

把报错的.w和js文件发一下

carbinechun

{ 'color': val("fType")=='收入'？‘green’：‘brown’}

{ 'color': val("fType")=='收入' ? 'green' : 'brown'}

上面是你的，下面是我的，你自己对比一下看看，复制我的过去用看好使不

carbinechun

kpcbk 发表于 2017-7-17 18:27
你好，就是记账本的例子，我也出现同样的问题，不知后来是怎样处理的呢？谢谢 ...

重新手打一遍代码试试

萌玺

确定可以这样写么,这里不是应该写css样式的么,我看的视频教程,是在css里增加样式,然后加在output上,可以实现

jishuang

萌玺 发表于 2017-7-26 11:11
确定可以这样写么,这里不是应该写css样式的么,我看的视频教程,是在css里增加样式,然后加在output上,可以实 ...

http://doc.wex5.com/data-bind/#4.6