| | |
| | | <h1>流程演示</h1> |
| | | <input type="hidden" id="displayname" /> |
| | | <h2 id="thisname"></h2><br /> |
| | | <select id="username" style="width:153px;"> |
| | | </select> |
| | | <input type="hidden" id="username" value="1"/> |
| | | <input id="cont" type="text" style="width:300px;"> |
| | | <input id="send" type="button" value="发送" /> |
| | | <div> |
| | |
| | | //前端Hub的使用,注意的是,Hub的名字是ChatHub,这里使用时首字母小写 |
| | | var work = $.connection.chatHub; |
| | | /*$('#displayname').val(prompt('请输入昵称:', ''));*/ |
| | | $('#displaycode').val("003"); |
| | | $('#displayname').val("张三"); |
| | | $('#thisname').text('当前用户:' + $('#displayname').val()); |
| | | |
| | |
| | | |
| | | |
| | | //后端SendLogin调用后,产生的loginUser回调 |
| | | work.client.loginUser = function (userlist) { |
| | | reloadUser(userlist); |
| | | }; |
| | | //work.client.loginUser = function (userlist) { |
| | | // reloadUser(userlist); |
| | | //}; |
| | | |
| | | |
| | | |
| | |
| | | //点击按钮,发送消息 |
| | | $('#send').click(function () { |
| | | /*var friend = $('#username').val();*/ |
| | | var friend =["1","2","3"]; |
| | | var friend = [{ "code": "1", "name": "1" }, {"code":"2","name":"2"}]; |
| | | var cont = $('#cont').val(); |
| | | //调用后端函数,发送指定消息 |
| | | work.server.SendByGroups(username, friend, cont); |
| | | work.server.sendByGroups(username, friend, cont); |
| | | }); |
| | | }); |
| | | }); |
| | | |
| | | //重新加载用户列表 |
| | | var reloadUser = function () { |
| | | $("#username").empty(); |
| | | for (i = 0; i < 5; i++) { |
| | | $("#username").append("<option value=" + i + ">" +i + "</option>"); |
| | | } |
| | | } |
| | | //var reloadUser = function (userlist) { |
| | | //var reloadUser = function () { |
| | | // $("#username").empty(); |
| | | // for (i = 0; i < userlist.length; i++) { |
| | | // $("#username").append("<option value=" + userlist[i] + ">" + userlist[i] + "</option>"); |
| | | // for (i = 0; i < 5; i++) { |
| | | // $("#username").append("<option value=" + i + ">" + i + "</option>"); |
| | | // } |
| | | //} |
| | | //var reloadUser = function (userlist) { |
| | | // $("#username").empty(); |
| | | // for (i = 0; i < userlist.length; i++) { |
| | | // $("#username").append("<option value=" + userlist[i] + ">" + userlist[i] + "</option>"); |
| | | // } |
| | | //} |
| | | </script> |
| | | </body> |
| | | </html> |