Alert Message Display's Some Unwanted Symbol(Empty Space)

Question

This is My Error Message.... I don't Know Where the Symbol Came From. Instead of empty Space it Display's as ? Symbol... Help me Out. Thanks in Advance.

Prabu Baskaran · Answer

Index.cshrml @(Html.Kendo().Menu() .Name("JobsActionMenu") .Events(e => e.Select("JobsMenuClicked")) .Items(items => { items.Add().Text("Cancel"); items.Add().Text("Recreate"); items.Add().Text("Refresh"); items.Add().Text("Recreate All Jobs"); items.Add().Text("Export"); }) ) Js /////////////////////////////////////////////////////////////////////////Document Ready Unit//////////////////////////////////////////////////////////////////// $(document).ready(function () { //hide the right side property window $("#JobsPropertywindow").hide(); //Set the page no is 1. var temp = 1; $('#txtpageno').val(temp); var grid = $("#JobsGrid").data("kendoGrid"); }); ///////////////////////////////////////////////////////////////////////////////////////Grid Data Source/////////////////////////////////////////////////////////////////////////////////////////////// function JobsReadData() { //hide the right side property window $("#JobsPropertywindow").hide(); //Get the selected workflowid and mode from the hidden fields var selid = $('#txtworkid').val(); var modes = $('#txtmode').val(); //get the current page no var pageno = $('#txtpageno').val(); //return workflowid and mode and page no. return { WorkID: selid, WorkMode: modes, PageNo: pageno }; } ////////////////////////////////////////////////////////////////////Properties , HistoryTab Change Unit///////////////////////////////////////////////////////////////// $('.tabsContainer').ready(function (e) { $(this).find('ul.tabs li').click(function () { var index = $(this).index(); $(this).addClass('active').siblings('li').removeClass('active'); $(this).parent('.tabs').siblings('.tabcontent').removeClass('active').eq(index).addClass('active'); }); }); /////////////////////////////////////////////////////////////////////////////////////@*Image Preview Unit*@///////////////////////////////////////////////////////////////////////////// $(document).ready(function () { // var thetest = $(' '); $("#lightbox1").click(function () { //alert("hai"); //hide the all div like img,close,prev,and next btn $("#lightbox1,#image,#pageinfo, #prevbtn,#nextbtn,#closebtn,#closebtn1").fadeOut(300); //empty the hidden txt field for total and current page of the img $("#txttotalprevimg").val(""); $("#txtcurrprevimg").val(""); }) }) //////Close the preview img by click close btn function prevclose() { //hide the all div like img,close,prev,and next btn $("#lightbox1,#image,#pageinfo, #prevbtn,#nextbtn,#closebtn,#closebtn1").fadeOut(300); //empty the hidden txt field for total and current page of the img $("#txttotalprevimg").val(""); $("#txtcurrprevimg").val(""); } /////////////////Get the source for the Previous image to display //if previous btn is clicked in preview image layout function previmg() { //$("#previewbtnnext").show(); $("#nextbtn").show(); //get the total and current page no of img. var total = $("#txttotalprevimg").val(); var curr = $("#txtcurrprevimg").val(); var current = curr - 1; var page = "Page " + current + " of " + total; //assign calculated current pageno to hidden text field $("#txtcurrprevimg").val(current); if (current == 1) { // alert("yes"); //$("#previewbtnprev").hide(); $("#prevbtn").hide(); } //get the filename from the hidden fields var filename = $("#txtpreviewfilename").val(); //call the function DownloadImages with filename and required pageno to get the img source //$("#imgpreview").attr("src", "/JobsGrid/DownloadImages?FileName=" + filename + "&PageNo=" + current); $("#imgpreview").attr("src", "/Jobs/DownloadImages?FileName=" + filename + "&PageNo=" + current); //display the page header $("#lblpage").html(page); } ////////////////////////Get the source for the next image //if next btn is clicked in preview image layout function nextimg() { //$("#previewbtnprev").show(); $("#prevbtn").show(); //get the total and current page no of img var total = $("#txttotalprevimg").val(); var curr = 0; var current = 0; curr = $("#txtcurrprevimg").val(); curr = curr++; $("#txtcurrprevimg").val(""); current = curr + 1; $("#txtcurrprevimg").val(current); var page = "Page " + current + " of " + total; //assign calculated current pageno to hidden text field $("#txtcurrprevimg").val(current); var currnow = $("#txtcurrprevimg").val(); if (currnow == total) { //alert("yes"); //$("#previewbtnnext").hide(); $("#nextbtn").hide(); } //get the filename from the hidden fields var filename = $("#txtpreviewfilename").val(); //call the function DownloadImages with filename and required pageno to get the img source //$("#imgpreview").attr("src", "/JobsGrid/DownloadImages?FileName=" + filename + "&PageNo=" + current); $("#imgpreview").attr("src", "/Jobs/DownloadImages?FileName=" + filename + "&PageNo=" + current); //display the page header $("#lblpage").html(page); } /////////////////////////////////////////////////////////////////////////////////////@*Grid Change Unit*@///////////////////////////////////////////////////////////////////////////////////////// function onChangenow() { //remove all selected state style from menu // $("#JobsActionMenu").children().each(function (index) { // $(this).removeClass('k-state-selected'); // }); //hide the right side property window $("#JobsPropertywindow").hide(); //hide the preview btn $("#btnPreview").hide(); //clear the text fields in both property and history tab histortlistclear(); propertylistclear(); var grids = $("#JobsGrid").data("kendoGrid"); var row = grids.select(); var dataItems = grids.dataItem(row); var id = dataItems.id; //calling the function GetJobsProperties to get the properties of selected jobs by passing id // var serviceURL = '../JobsGrid/GetJobsProperties'; var serviceURL = '../Jobs/GetJobsProperties'; $.ajax({ type: "POST", cache: false, url: serviceURL, data: { inputid: id }, //parameters for method dataType: "json", success: function (data, textStatus) { $("#txtTransactionID").val(data[0].batch_id); $("#txtFlowID").val(data[0].workflow_id); //Date fetched directly what is given from server side var jsonDate = data[0].DateTime; if (jsonDate != null) { //to get date month and year of json date var sliceddate = eval("new " + jsonDate.slice(1, -1)); var date1 = $.datepicker.formatDate("dd/mm/yy", sliceddate); //alert(date1); //Now let's convert it to js format //Example: Fri Dec 03 2010 16:37:32 GMT+0530 (India Standard Time) var parsedDate = new Date(parseInt(jsonDate.substr(6))); var jsDate = new Date(parsedDate); //Date object //Play with jsDate properties getHour(), getMin(),getSec(); var hour = jsDate.getHours(); var min = jsDate.getMinutes(); // var sec = jsDate.getSeconds(); // alert(hour + ":" + min); var date2 = hour + ":" + min; var finaldate = date2 + " " + date1; $("#txtDateCreated").val(finaldate); } $("#txtFrom").val(data[0].From); $("#txtJobID").val(data[0].id); $("#txtPriority").val(data[0].Priority); //$("#txtSimulation").val(data[0].Mode); var runmode = data[0].Mode; if (runmode == "Simulation") { $("#runmode").prop("checked", true); } else { $("#runmode").prop("checked", false); } //find preview is available for selected jobs if (data[0].Preview == "Yes Preview Available") { //display the preview btn $("#btnPreview").show(); //assign filename to hidden fields $("#txtpreviewfilename").val(data[0].PreviewFileName); } else { //hide the preview btn $("#btnPreview").hide(); } } }); //calling the function GetJobsHistory to get the history of selected jobs by passing id // var serviceURLnew = '/JobsGrid/GetJobsHistory'; var serviceURLnew = '/Jobs/GetJobsHistory'; $.ajax({ type: "POST", cache: false, url: serviceURLnew, data: { inputid: id }, //parameters for method dataType: "json", success: function (result, textStatus) { $("#txtmoduleName").val(result[0].module); $("#txtSystemName").val(result[0].system); $("#txtchannel").val(result[0].channel); $("#txtrecipient").val(result[0].recipient); $("#txtDuaration").val(result[0].duration); $("#txtPages").val(result[0].pages); $("#txtAttempt").val(result[0].attemptno); $("#txtStartDate").val(result[0].startdate); $("#txtEndDate").val(result[0].enddate); } }); /////////// History Grid Bind var grids = $("#JobsGrid").data("kendoGrid"); var row = grids.select(); var dataItems = grids.dataItem(row); var id = dataItems.id; //calling the function JobsHistory by passing id to get the datasource for gridhistory //var serviceURL = '/JobsGrid/JobsHistory'; var serviceURL = '/Jobs/JobsHistory'; $.ajax({ type: "POST", cache: false, url: serviceURL, data: { JobID: id }, //parameters for method dataType: "json", success: function (data, textStatus) { //assign return data as gridhistory datasource $("#gridhistory").data("kendoGrid").dataSource.data(data); //hide the first column(id) $("#gridhistory").data("kendoGrid").hideColumn(0); } //error: errorFunc }); ////////// Properties Grid Bind var grids = $("#JobsGrid").data("kendoGrid"); var row = grids.select(); var dataItems = grids.dataItem(row); var id = dataItems.id; //calling the function JobsProperties by passing id to get the datasource for GridProperties // var serviceURL = '/JobsGrid/JobsProperties'; var serviceURL = '/Jobs/JobsProperties'; $.ajax({ type: "POST", cache: false, url: serviceURL, data: { JobID: id }, //parameters for method dataType: "json", success: function (data, textStatus) { //assign return data as GridProperties datasource //used to clear the grid before bind the new records //$("#GridProperties").data("kendoGrid").dataSource.empty(); $("#GridProperties").data("kendoGrid").dataSource.data([]); // $("#GridProperties").data("kendoGrid").dataSource.data(data.Document.Tags); $("#GridProperties").data("kendoGrid").dataSource.data(data); } //error: errorFunc }); $("#JobsPropertywindow").show(); } /////////////////////Grid DataBound function onDataBound(arg) { if (this.dataSource.totalPages() == 1 || this.dataSource.totalPages() == 0) { //hide the custompager div if total pagesize is 0 or 1 // $("#custompager").hide(); } //get the total page no and total records var grid = $("#JobsGrid").data("kendoGrid"); var ss = grid.dataSource.total(); //alert("Total records:"+ss); var sssss = grid.dataSource.totalPages(); //alert("Total pages:"+sssss); //assign totalpageno to hidden text field $('#txttotalpageno').val(sssss); //if total record size is 0 give alert if (ss == 0) { alert("No Jobs found for this workflow"); } //if total page no is 0 hide the prev,next,first,last button var test = $('#txttotalpageno').val(); if (test == 0) { document.getElementById("prevPage").disabled = true; document.getElementById("nextPage").disabled = true; document.getElementById("first").disabled = true; document.getElementById("last").disabled = true; } if (test == 1) { document.getElementById("prevPage").disabled = true; document.getElementById("nextPage").disabled = true; //document.getElementById("first").disabled = true; // document.getElementById("last").disabled = true; } } function onDataBinding(arg) { } ///////////////////////////////////////////////////////////////////////////////////////@*Menu Click Unit*@/////////////////////////////////////////////////////////////////////////////// function JobsMenuClicked(e) { //find which menu item is selcted var sel = ($(e.item).children(".k-link").text().toString()); //remove selected style class from previous one //this.element.find(".k-state-selected").removeClass('k-state-selected'); //add selected class style to current one // $(e.item).addClass('k-state-selected'); //************************** Refresh ************************************** //Refresh is Clicked if (sel == "Refresh") { //alert("refresh is clicked"); //refresh the grid by read the datasource var grid = $("#JobsGrid").data("kendoGrid"); grid.dataSource.read(); //hide the property window $("#JobsPropertywindow").hide(); } //************************** Cancel ************************************** //Cancel menu is Clicked if (sel == "Cancel") { var grids = $("#JobsGrid").data("kendoGrid"); var row = grids.select(); var dataItems = grids.dataItem(row); var id = dataItems.id; //find atleast one grid item is selected if (id != null) { //ask confirmation. var ret = confirm("Are you sure you are want to cancel the selected jobs?"); if (ret == true) { //alert("Jobs have been cancelled"); //Get the list of selected rows id from the grid into array var myArray = new Array(); var i = 0; var grid = $("#JobsGrid").data("kendoGrid"); var len = grid.select().length.toString(); var text = ""; //var grid = $("#JobsGrid").data("kendoGrid"); grid.select().each(function () { var dataItem = grid.dataItem($(this)); text = dataItem.id; myArray[i] = text; i = i + 1; }); //passing array values to function CancelJobs var id = JSON.stringify(myArray); // var serviceURL = '/JobsGrid/CancelJobs'; var serviceURL = '/Jobs/CancelJobs'; $.ajax({ type: "POST", cache: false, url: serviceURL, data: { inputid: id }, dataType: "json", success: function (textStatus) { if (textStatus == "Success") { alert("Jobs have been cancelled"); var grid = $("#JobsGrid").data("kendoGrid"); grid.dataSource.read(); $("#JobsPropertywindow").hide(); } else { alert("Failed to cancel one or more selected job(s). Error code:" + textStatus); var grid = $("#JobsGrid").data("kendoGrid"); grid.dataSource.read(); $("#JobsPropertywindow").hide(); } } }); } else { alert("You pressed Cancel!"); } } } //************************** Recreate ************************************** //Recreate menu is Clicked if (sel == "Recreate") { var grids = $("#JobsGrid").data("kendoGrid"); var row = grids.select(); var dataItems = grids.dataItem(row); var id = dataItems.id; //find atleast one grid item is selected if (id != null) { //ask confirmation var ret = confirm("Are you sure you are want to recreate the selected jobs?"); if (ret == true) { // alert("Jobs has been resubmitted for processing"); //Get the list of selected rows id from the grid into array var myArray = new Array(); var i = 0; var grid = $("#JobsGrid").data("kendoGrid"); var len = grid.select().length.toString(); var text = ""; //var grid = $("#JobsGrid").data("kendoGrid"); grid.select().each(function () { var dataItem = grid.dataItem($(this)); text = dataItem.id; myArray[i] = text; i = i + 1; }); var id = JSON.stringify(myArray); //passing array values to function RecreateJobs // var serviceURL = '/JobsGrid/RecreateJobs'; var serviceURL = '/Jobs/RecreateJobs'; $.ajax({ type: "POST", cache: false, url: serviceURL, data: { inputid: id }, dataType: "json", success: function (textStatus) { if (textStatus == "Success") { alert("Jobs has been resubmitted for processing"); // var grid = $("#JobsGrid").data("kendoGrid"); //grid.dataSource.read(); // $("#JobsPropertywindow").hide(); } else { alert("Failed to recreate one or more selected job(s). Error code:" + textStatus); } } }); } else { alert("You pressed Cancel!"); } } } //************************** Recreate All Jobs ************************************** //Recreate All Jobs is Clicked if (sel == "Recreate All Jobs") { // var grids = $("#JobsGrid").data("kendoGrid"); // var row = grids.select(); // var dataItems = grids.dataItem(row); // var id = dataItems.id; // if (id != null) // { var grid = $("#JobsGrid").data("kendoGrid"); var ss = grid.dataSource.total(); if (ss > 0) { //ask confirmation var r = confirm("All jobs within the selected workflow will be recreated.
 Are you sure you are want perform the action?"); if (r == true) { //alert("Jobs has been resubmitted for processing"); var Wflowid = $('#txtworkid').val(); var mode = $('#txtmode').val(); //calling the function RecreateAllJobs by passing workflowid and workflowmode as parameters // var serviceURL = '/JobsGrid/RecreateAllJobs'; var serviceURL = '/Jobs/RecreateAllJobs'; $.ajax({ type: "POST", cache: false, url: serviceURL, data: { WorkFlowID: Wflowid, WorkMode: mode }, dataType: "json", success: function (textStatus) { if (textStatus == "Success") { alert("Jobs has been resubmitted for processing"); // var grid = $("#JobsGrid").data("kendoGrid"); //grid.dataSource.read(); // $("#JobsPropertywindow").hide(); } else { alert("Failed to recreate job(s). Error code:" + textStatus); } } }); } else { alert("You pressed Cancel!"); } } } //************************** Export ************************************** //Export is Clicked if (sel == "Export") { exportclicked(); } } ///////////////////////////////////////////////////////////////////////////////////////@*Custom Pager Unit*@//////////////////////////////////////////////////////////////////////////////////////// ////////Go to first page // if the user clicks the firstpage btn function first() { //alert("first"); //disable previous page btn document.getElementById("prevPage").disabled = true; //enable next page btn document.getElementById("nextPage").disabled = false; //get the total pageno from the hidden field var tot= $('#txttotalpageno').val(); // alert(tot); if (tot != 0) { var aa = 1; //assign current page no as 1 in the hidden textbox $("#txtpageno").val(aa); //call the datasource read var grid = $("#JobsGrid").data("kendoGrid"); //alert("gfgfgfgfgf"); grid.dataSource.read(); } $("#JobsPropertywindow").hide(); } //////Go to previous page // if the user clicks the previouspage btn function prev() { //alert("prev"); //enable next page btn document.getElementById("nextPage").disabled = false; //document.getElementById("prevPage").disabled = false; var ss = $("#txtpageno").val(); //alert(ss); var tot = $('#txttotalpageno').val(); //get the total page no and calculate the current pageno and asign to the hidden text box if (ss = 1) { //alert(ss); if (ss == 1) { //alert("gfgfg"); $("#txtpageno").val(ss); document.getElementById("prevPage").disabled = true; } else { ss = ss - 1; $("#txtpageno").val(ss); var grid = $("#JobsGrid").data("kendoGrid"); grid.dataSource.read(); var aa = $("#txtpageno").val(); if (aa == 1) { document.getElementById("prevPage").disabled = true; } $("#JobsPropertywindow").hide(); } } // var grid = $("#JobsGrid").data("kendoGrid"); // grid.dataSource.page(ss); //grid.dataSource.page(1); // grid.dataSource.read(); // $("#JobsPropertywindow").hide(); } //////////Go to next page // if the user clicks the nextpage btn function next() { //alert("next"); //enable previous page btn document.getElementById("prevPage").disabled = false; var ss = $("#txtpageno").val(); //alert(ss); var tot = $('#txttotalpageno').val(); //get the total page no and calculate the current pageno and asign to the hidden text box if (ss = 1) { var sss = 0; var next = 0; var sss = $("#txtpageno").val(); sss = sss++; $("#txtpageno").val(""); next = sss + 1; $("#txtpageno").val(next); var grid = $("#JobsGrid").data("kendoGrid"); grid.dataSource.read(); var aa = $("#txtpageno").val(); if (aa == tot) { document.getElementById("nextPage").disabled = true; } } $("#JobsPropertywindow").hide(); } //This will shows the last page // if the user clicks the lastpage btn function last() { // alert("last"); //enable previous page btn document.getElementById("prevPage").disabled = false; //disable nextpage btn document.getElementById("nextPage").disabled = true; //get the total page no and assign to the hidden text box var tot = $('#txttotalpageno').val(); // alert(tot); if (tot != 0) { //var aa = tot; $("#txtpageno").val(tot); var grid = $("#JobsGrid").data("kendoGrid"); grid.dataSource.read(); } $("#JobsPropertywindow").hide(); } //////////////////////////////////////////////////////@*Properties, History,Export,Preview,Refresh Selection Unit*@//////////////////////////////////////////////////////////////////////////////// //////////////////////////////////Export clicked //if user clicks export btn function exportclicked() { var grids = $("#JobsGrid").data("kendoGrid"); var row = grids.select(); var dataItems = grids.dataItem(row); var id = dataItems.id; //call the function ExportJobs to get the xmlfile of jobsdata with selected jobid as a parameter // window.location = "/JobsGrid/ExportJobs/?inputid=" + id; window.location = "/Jobs/ExportJobs/?inputid=" + id; } /////////////////////////////////Refresh Clicked function refreshclicked() { //call the function onChangenow onChangenow(); } /////////////////////////////Preview Clicked //if user select preview btn function previewclicked() { var grids = $("#JobsGrid").data("kendoGrid"); var row = grids.select(); var dataItems = grids.dataItem(row); var id = dataItems.id; //get the filename from the hidden field var filename = $("#txtpreviewfilename").val(); // $("#imgpreview").attr("src", "../../Images/1download.jpg"); // $("#imgpreview").attr("src", "/JobsGrid/DownloadImage"); // $("#lightbox1, #test").fadeIn(300); //call the function PreviewJobs to get the total page no with filename and job id as parameters // var serviceURLnew = '/JobsGrid/PreviewJobs'; var serviceURLnew = '/Jobs/PreviewJobs'; $.ajax({ type: "POST", cache: false, url: serviceURLnew, data: { jobid: id, FileName: filename }, //parameters for method dataType: "json", success: function (result) { //alert("ajax result"); var totalimgpages = result[0].TotalPages; // alert(totalimgpages); if (totalimgpages >= 1) { $("#txttotalprevimg").val(totalimgpages); // $("#previewbtnnext").show(); // $("#previewbtnprev").hide(); // $("#nextbtn").show(); // $("#prevbtn").hide(); //assign the current page no is 1 var curr = 1; $("#txtcurrprevimg").val(curr); // if (totalimgpages == 1) { // // $("#previewbtnnext").hide(); // $("#nextbtn").hide(); // } var page = "Page 1 of " + totalimgpages; //call the function DownloadImages to get the img source by passing filename and page no as 1 // $("#imgpreview").attr("src", "/JobsGrid/DownloadImages?FileName=" + filename + "&PageNo=" + 1); $("#imgpreview").attr("src", "/Jobs/DownloadImages?FileName=" + filename + "&PageNo=" + 1); // show the page header $("#lblpage").html(page); // $("#lightbox1, #test,#test1,#test2,#test3").fadeIn(300); //based on total page size show and hide previous and next btn if (totalimgpages == 1) { $("#lightbox1,#pageinfo,#image,#closebtn,#closebtn1").fadeIn(300); } else { $("#lightbox1,#image,#pageinfo, #nextbtn,#closebtn,#closebtn1").fadeIn(300); } } } }); } ////////////////////////History Grid Change Unit //if user selects rows in gridhistory function historygridselected() { //alert("history clicked"); var grids = $("#gridhistory").data("kendoGrid"); var row = grids.select(); var dataItems = grids.dataItem(row); var id = dataItems.ID; //alert(id); //clear the text fields histortlistclear(); // call the function GetJobsHistoryAfterGridSelected by passing id // var serviceURLnew = '/JobsGrid/GetJobsHistoryAfterGridSelected'; var serviceURLnew = '/Jobs/GetJobsHistoryAfterGridSelected'; $.ajax({ type: "POST", cache: false, url: serviceURLnew, data: { inputid: id }, //parameters for method dataType: "json", success: function (result, textStatus) { //Binfd the values to the text fields $("#txtmoduleName").val(result[0].module); $("#txtSystemName").val(result[0].system); $("#txtchannel").val(result[0].channel); $("#txtrecipient").val(result[0].recipient); $("#txtDuaration").val(result[0].duration); $("#txtPages").val(result[0].pages); $("#txtAttempt").val(result[0].attemptno); $("#txtStartDate").val(result[0].startdate); $("#txtEndDate").val(result[0].enddate); } }); } ////////////////////////Property Grid Change Unit function propertiesgridselected() { // alert("properties grid clicked"); } ////////////////////////////Clear Items////////////////////// function histortlistclear() { //alert("history clearing"); $("#txtmoduleName").val(""); $("#txtSystemName").val(""); $("#txtchannel").val(""); $("#txtrecipient").val(""); $("#txtDuaration").val(""); $("#txtPages").val(""); $("#txtAttempt").val(""); $("#txtStartDate").val(""); $("#txtEndDate").val(""); } function propertylistclear() { // alert("property clearing"); $("#txtDateCreated").val(""); $("#txtJobID").val(""); $("#txtTransactionID").val(""); $("#txtFlowID").val(""); $("#txtPriority").val(""); $("#txtFrom").val(""); //$("#txtSimulation").val(""); $("#runmode").prop("checked", false); $("#txtpreviewfilename").val(""); }

Abhishek Kumar · Answer

Hi, Could you please provide the code you are using. Thanks.