回填评价星星等级

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术:Visual Studio 2015,C#

撰写时间:2019年1月18日

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

下面我们来调用star-rating.js和star-rating.css实现评价星星的数据回填,也就是查看评价信息,如下面效果截图:

    从上面截图中我们可以看到,总体评价一栏的星星已经回填成功,而star-rating.js只提供了点击的功能,也就是获取评价等级,但并没有反过来的,从查询的数据回填到星星等级上面,下面我们来看页面代码截图:

    从代码中我们可以到用来评价的星星是用一个input标签加上一系列的参数通第三方的JavaScript来实现的,而我们要实现数据回填就要找到star-rating.js中给星星赋予值和样式的方法,如下面截图:

    从上面截图我们可以看到,它是通过变换不同的css类来赋予值和样式,那么下面我们来单独写一个方法BackfillStar()来根据不同的数据来赋予不同的样式css类,如下面截图:

    方法BackfillStar()写好之后,下一步就是获取控制器传过来的值再调用上面截图的方法,回填到页面上,如下面截图:

    从上面截图中我们可以看到,上面方法是通过post请求获取到数据,然后再调用星星回填BackfillStar()方法,最后实现第一张截图中的星星显示效果。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值