?/**

*兩種調用方式
*var?template1="我是{0}，今年{1}了";
*var?template2="我是{name}，今年{age}了";
*var?result1=template1.format("loogn",22);
*var?result2=template2.format({name:"loogn",age:22});
*兩個結果都是"我是loogn，今年22了"
*/
String.prototype.format?=?function?(args)?{
????var?result?=?this;
????if?(arguments.length?>?0)?{
????????if?(arguments.length?==?1?&&?typeof?(args)?==?"object")?{
????????????for?(var?key?in?args)?{
????????????????if?(args[key]?!=?undefined)?{
????????????????????var?reg?=?new?RegExp("({"?+?key?+?"})",?"g");
????????????????????result?=?result.replace(reg,?args[key]);
????????????????}
????????????}
????????}
????????else?{
????????????for?(var?i?=?0;?i?<?arguments.length;?i++)?{
????????????????if?(arguments[i]?!=?undefined)?{
????????????????????//var?reg?=?new?RegExp("({["?+?i?+?"]})",?"g");//這個在索引大于9時會有問題，謝謝何以笙簫的指出
????????????????????var?reg?=?new?RegExp("({)"?+?i?+?"(})",?"g");
????????????????????result?=?result.replace(reg,?arguments[i]);
????????????????}
????????????}
????????}
????}
????return?result;
}

?

?

調用：

$.post('/BackUserInfo/PageQuery',?queryData,
????????????????function?(o)?{
????????????????????pageCount?=?Math.ceil(o.total?/?queryData.rows);//向上取整求總頁數
????????????????????$('#pageCount').text(pageCount);
????????????????????$('#total').text(o.total);
????????????????????var?str="";
????????????????????$.each(o.rows,?function?(i,?item)?{
????????????????????????str+=?"<tr><td><input?type='checkbox'?value='{0}'/></td>"?+
????????????????????????????"<td>{1}</td><td>{2}</td><td>{3}</td><td>{4}</td><td>{5}</td>"?+
????????????????????????????"<td>{6}</td><td>{7}</td><td>{8}</td><td>{9}</td><td>{10}</td></tr>";
????????????????????????str?=?str.format(
????????????????????????????item.BackUserId,
????????????????????????????item.UserCode,
????????????????????????????isNull(item.UserName)???""?:?item.UserName,
????????????????????????????isNull(item.Phone)???""?:?item.Phone,
????????????????????????????isNull(item.IDNO)??""?:?item.IDNO,
????????????????????????????isNull(item.DepartName)???""?:?item.DepartName,
????????????????????????????isNull(item.DutyName)???""?:?item.DutyName,
????????????????????????????item.StatusFlag?==?"1"???"?<label?style='color:green'>在線</label>"?:?"<label?style='color:red'>離線</label>",
????????????????????????????item.DisableFlag?==?"1"???"<label?style='color:red'>禁用</label>"?:?"<label?style='color:green'>正常</label>",
????????????????????????????item.LockFlag?==?"1"???"<label?style='color:red'>鎖定</label>"?:?"<label?style='color:green'>正常</label>",
????????????????????????????item.DimissionFlag?==?"1"???"<label?style='color:red'>離職</label>"?:?"<label?style='color:green'>在職</label>");
????????????????????});
????????????????????$('#tableData').html(str);
????????????????}
????????????);

?

?

?分頁：

【靜態頁面】請求攜帶參數條件：每頁顯示大小rows和顯示第幾頁PageIndex

? ? ? ? ? ? ? ? ?var?queryData?=??page:?pageIndex,

????????????????rows:?$('#PageSize').val(),
????????????????search_UserCode:?$('#search_UserCode').val(),
????????????????search_UserName:?$('#search_UserName').val()}

?

?【服務器端】接收參數如下：

?int?pageIndex?=?Request.Params["page"]?==?null???1?:?int.Parse(Request.Params["page"]);//Request["page"]?需要顯示第幾頁

int?pageSize?=?Request.Params["rows"]?==?null???10?:?int.Parse(Request.Params["rows"]);//每頁大小

?

?【服務器端】返回參數：當前頁顯示的記錄+行數

var?data?=?_IBackUserInfoService.PageQuery(condition);//根據條件query查詢? ? ? ??

var?o?=?new?{?total?=?condition.total,?rows?=?data?};

return Json(o);?

?

轉載于:https://www.cnblogs.com/whaozl/p/4447624.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的JavaScript String支持的辅助format函数+【分页1】的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。