<head>
<script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript" src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link href="css/jquery-ui.css" rel="stylesheet" />
<link href="css/jquery-ui.min.css" rel="stylesheet" />
<link href="css/jquery.ui.theme.css" rel="stylesheet" />
</head>
<body>
<script type="text/javascript">
$(function () {
$(".progress").each(function () {
$(this).progressbar({
value: parseInt($(this).find('.progress-label').text())
});
});
//On UpdatePanel Refresh (code for Ajax Timer refresh)
var prm = Sys.WebForms.PageRequestManager.getInstance();
if (prm != null) {
prm.add_endRequest(function (sender, e) {
if (sender._postBackSettings.panelsToUpdate != null) {
$(".progress").each(function () {
$(this).progressbar({
value: parseInt($(this).find('.progress-label').text())
});
});
}
});
};
});
</script>
<asp:GridView ID="QualicisionGridView" runat="server" AutoGenerateColumns="False" PageSize="5" AllowPaging="True"
OnPageIndexChanging="QualicisionGridView_PageIndexChanging">
<Columns>
<asp:BoundField HeaderText="No" DataField="id" ItemStyle-CssClass="ColumnAlignment"/>
<asp:BoundField HeaderText="Value" DataField="Values" ItemStyle-Width="15%" ItemStyle-CssClass="ColumnAlignment"/>
<asp:TemplateField ItemStyle-Width="200">
<ItemTemplate>
<div class='progress'>
<div class="progress-label" style="display:none">
<%# Eval("Values") %>
</div>
</div>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</body>
DB table column - "values" has below data:
0.334666666666667
0.261
0.623333333333333
0.455
Since I am using decimal values in DB table so on page load it is throwing Javascript error as below:
'WebForm_GetElementById' is undefined
In this DB Table "Values" column, I have to insert data in decimal form. But as it gets decimal value from DB, Progress bar throws Javascript error.
Please reply how to solve this issue.