回填评价星星等级

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

开发工具与关键技术: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()方法,最后实现第一张截图中的星星显示效果。

猜你喜欢

转载自blog.csdn.net/qq_33763877/article/details/86566308