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 imgcloseprevand 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 imgcloseprevand 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 prevnextfirstlast 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 HistoryExportPreviewRefresh 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 Singh · Answer

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