在asp .net中使用动态数据源引导星级评级

Bootstrap Star Rating with dynamic datasource in asp .net

本文关键字：数据源 动态 net asp      更新时间：2023-09-26

我已经使用启动星级评级和下载插件在以下URL，

https://github.com/kartik-v/bootstrap-star-rating

It is working fine..但是我想动态地修改数据源。

 $('#input-1').rating({
                    step: 1,
                    size: 'xs',
                    starCaptions: { 1: 'Poor', 2: 'Can Improve', 3: 'Satisfying', 4: 'Great Work', 5: 'Impressed' },
                    starCaptionClasses: { 1: 'text-danger', 2: 'text-warning', 3: 'text-info', 4: 'text-primary', 5: 'text-success' }
                });

StarCaptions,StarCaptionClass需要动态改变。

它需要从Javascript变量分配或其他任何东西…?

starCaptions和StarCaptionClass是传递给函数的JSON对象，可以从服务器端语言(例如PHP)传递，例如使用函数json_encode($array)，您可以从PHP变量中获得JSON字符串。

在您的代码级别，例如:

<script>
  var starCaptionsVar  = JSON.parse('<?php echo $jsonString; ?>');
  var starCaptionClassesVar  = JSON.parse('<?php echo $jsonString2; ?>'); 
  // then you can pass it to the  rating
  $('#input-1').rating({
                    step: 1,
                    size: 'xs',
                    starCaptions:starCaptionsVar ,
                    starCaptionClasses: starCaptionClassesVar);
</script>

下面的代码可以正常工作。不需要JSON转换。

VB代码: 
<% Dim Dummy As String ="{ 1: 'Poor', 2: 'Can Improve', 3: 'Satisfying', 4: 'Great Work', 5: 'Impressed' }" %>
Javascript代码: 
$('#input-1').rating({
    step: 1,
        size: 'xs',
        starCaptions: <%= Dummy %>,
        starCaptionClasses: { 1: 'text-danger', 2: 'text-warning', 3: 'text-info', 4: 'text-primary', 5: 'text-success' }
});
相关文章：