How to construct the user grouping Management web Page in the official account of ASP.NET Wechat

How to build ASP.NET Wechat official account in the user grouping management web page, I believe that many inexperienced people do not know what to do, so this paper summarizes the causes of the problem and solutions, through this article I hope you can solve this problem.

Model layer entity class:

Public class UserList {public string total {get; set;} public string count {get; set;} public userlistopenid data {get; set;} public string next_openid {get; set;}} public class userlistopenid {public List openid {get; set;}} public class WxGroupsInfo {public string Group_ID {get; set;} / / Group number public string Group_Name {get; set;} / / Group name public string Group_Count {get; set;} / / number of groups}

WX.aspx content:

.inputstyle {height: 35px; line-height: 35px; text-indent: 5px; width: 350px; background-image: url ('images/inputbg.gif'); background-repeat: repeat-x; border-top: solid 1px # a7b5bc; border-left: solid 1px # a7b5bc; border-right: solid 1px # ced9df; border-bottom: solid 1px # ced9df; margin: 15px auto 15px auto;} .g _ title {width: 100%; border-bottom: 2px solid # ced9df; font-size: 20px; font-weight: bold; text-align left: Text-indent: 5px; height: 40px; line-height: 40px;} th {height: 35px; background-color: # 31bb34; background-repeat: repeat-x;} tr {height: 30px;} # shownewgroup {width: 300px; height: 200px; background-color: white; z-index: 9999; border: 2px solid # DDD; top: 40%; left: 40%; background-color: # fff; position: fixed; margin:-100px auto auto-100px; display: none;} # shownewgroupzhezhaoceng {height: 200% Width: 200%; left: 0px; top: 0px; position: fixed; z-index: 9998; background: rgb (50,50,50); background: rgba (0,0,0,0.5); display: none;} .closeLogin {height: 30px; border-bottom: 2px solid # 31bb34; text-align: right; line-height: 30px; font-size: 14px; font-weight: bold;} a:hover: pointer;} .inputstyle22 {height: 35px; line-height: 35px; text-indent: 5pxwidth: 280px Background-image: url ('images/inputbg.gif'); background-repeat: repeat-x; border-top: solid 1px # a7b5bc; border-left: solid 1px # a7b5bc; border-right: solid 1px # ced9df; border-bottom: solid 1px # ced9df; float: left; margin: auto 5px auto 5px;} .button {font: 15px Calibri, Arial, sans-serif; text-shadow: 1px 1px 0 rgba (255,255,255,0.4); text-decoration: none! important; white-space: nowrap; display: inline-block Vertical-align: baseline; position: relative; cursor: pointer; padding: 4px 20px; background-repeat: no-repeat; background-position: bottom left; background-image: url ('button_bg.png'); background-position: bottom left, top right, 00,00; background-clip: border-box;-moz-border-radius: 8px;-webkit-border-radius: 8px; border-radius: 8px;-moz-box-shadow: 0 1px # fff inset;-webkit-box-shadow: 0 1px # fff inset Box-shadow: 0 1px # fff inset;-webkit-transition: background-position 1s;-moz-transition: background-position 1s; transition: background-position 1s;} .blue.button {color: # 0f4b6d! important; border: 1px solid # 84acc3! important; background-color: # 48b5f2 Background-image: url ('button_bg.png'), url (' button_bg.png'),-moz-radial-gradient (center bottom, circle, rgba (89,208,244,1) 0, rgba (89,208,244,0) 100px),-moz-linear-gradient (# 4fbbf7, # 3faeeb) Background-image: url ('button_bg.png'), url (' button_bg.png'),-webkit-gradient (radial, 50% 100%, 0, 50% 100%, 100%, from (rgba (89,208,244,1)), to (rgba (89,208,244,0)),-webkit-gradient (linear, 0%, 0% 100%, from (# 4fbbf7), to (# 3faeeb));} .blue.button: hover {background-color: # 63c7fe Background-image: url ('button_bg.png'), url (' button_bg.png'),-moz-radial-gradient (center bottom, circle, rgba (109,217,250,1) 0, rgba (109,217,250,0) 100px),-moz-linear-gradient (# 63c7fe, # 58bef7) Background-image: url ('button_bg.png'), url (' button_bg.png'),-webkit-gradient (radial, 50% 100%, 0, 50% 100%, 100, from (rgba (109,217,250,1)), to (rgba (109,217,250,0)),-webkit-gradient (linear, 0%, 0% 100%, from (# 63c7fe), to (# 58bef7) } / / modify the function function EditRoster (PayNo, name) {/ / alert (PayNo+ ":" + name) called by the grouping name; var url = 'Edit.aspx?id=' + PayNo+ "& name=" + name; / / the address of the directed page; var name=' add'; / / the name of the page, which can be empty; var iWidth = 600; / / the width of the pop-up window; var iHeight = 300; / / the height of the pop-up window / / get the vertical position of the window var iTop = (window.screen.availHeight-30-iHeight) / 2; / / get the horizontal position of the window var iLeft = (window.screen.availWidth-10-iWidth) / 2; window.open (url, name, 'height=' + iHeight +', innerHeight=' + iHeight +', width=' + iWidth +', innerWidth=' + iWidth +', top=' + iTop +', left=' + iLeft +', status=no,toolbar=no,menubar=no,location=no,resizable=no,scrollbars=0,titlebar=no') } $(document) .ready (function () {$(".newGroups") .click (function () {$("# shownewgroupzhezhaoceng"). Show (); $("# shownewgroup") .show ();}), $('.closeloginpage') .click (function () {$("# shownewgroupzhezhaoceng") .click (); $("# shownewgroup"). Hide ();});}) Group management new grouping closed within 30 characters to determine the creation of serial number ID number grouping name grouping number operation