在Jtable中显示图像 [英] Display image in Jtable

问题描述

我将图像以二进制形式保存在数据库中。我想在Jtable中显示它。

 < script  type =text / javascript> 
 
 $（document）.ready（function（）{
 
  //  准备jtable插件 
 $（'＃StudentTableContainer'）。 jtable（{
 标题 ： '学生列表'，
 paging：true，//启用分页
 pageSize：10，//实际上这不需要，因为默认值是10. 
排序：true，//启用排序
 defaultSorting：'Name ASC'，//可选。默认第一次加载时排序。
操作：{
 listAction：'/ PagingAndSorting.aspx/StudentList'，
 createAction：'/ PagingAndSorting.aspx/CreateStudent'，
 updateAction：'/ PagingAndSorting.aspx / UpdateStudent'，
 deleteAction：'/ PagingAndSorting.aspx/DeleteStudent'
} ，
 字段 ：  { 
 StudentId：{
 key：true，
 create：false，
 edit：false，
 list：false 
} ，
 名称 ：  {
 title：'名称'，
宽度：'23％'
} ，
  EmailAddress  ：  {
 title：'电子邮件地址'，
列表：false 
} ，
 密码 ：  {
 title：'Us密码'，
类型：'密码'，
列表：false 
} ，
 性别 ：  {
 title：'Gender'，
 width：'13％'，
选项：{'M'：'男'，'F'：'女'}  
}，
 
 }  
}）; 
 
  //  从服务器加载学生列表 
 $（' #StudentTableContainer '）的JTable（' 负载'）; 
}）; 
 
 < /   script   >  

任何人都可以帮我显示它

解决方案

（document）.ready（function（）{

// 准备jtable插件

（'＃StudentTableContainer'）。 jtable（{
title ： '学生列表'，
paging：true，//启用分页
pageSize：10，//实际上这不需要，因为默认值是10.
排序：true，//启用排序
defaultSorting：'Name ASC'，//可选。首次加载时的默认排序。
操作：{
listAction：'/ PagingAndSorting.aspx/Student列表'，
createAction：'/ PagingAndSorting.aspx/CreateStudent'，
updateAction：'/ PagingAndSorting.aspx/UpdateStudent'，
deleteAction：'/ PagingAndSorting.aspx/DeleteStudent'
} ，
字段 ： {
StudentId：{
key：true，
create：false，
edit：false，
list：false
} ，
名称 ： {
title ：'名称'，
宽度：'23％'
} ，
EmailAddress ： {
title：'电子邮件地址'，
列表：false
} ，
密码 ： {
title：'User Password'，
type：'password'，
list：false
} ，
性别 ： {
标题：'性别'，
宽度：'13％'，
期权：{'M'：'男'，'F'：'女'}
}，

}
}）;

// 从服务器加载学生列表

（ '＃StudentTableContainer'）的JTable（ '负载'）;
}）;

< / script >

任何人都可以帮我显示

I have image saved in database in binary form .I want to display it in Jtable.

<script type="text/javascript">

    $(document).ready(function () {

        //Prepare jtable plugin
        $('#StudentTableContainer').jtable({
            title: 'The Student List',
            paging: true, //Enables paging
            pageSize: 10, //Actually this is not needed since default value is 10.
            sorting: true, //Enables sorting
            defaultSorting: 'Name ASC', //Optional. Default sorting on first load.
            actions: {
                listAction: '/PagingAndSorting.aspx/StudentList',
                createAction: '/PagingAndSorting.aspx/CreateStudent',
                updateAction: '/PagingAndSorting.aspx/UpdateStudent',
                deleteAction: '/PagingAndSorting.aspx/DeleteStudent'
            },
            fields: {
                StudentId: {
                    key: true,
                    create: false,
                    edit: false,
                    list: false
                },
                Name: {
                    title: 'Name',
                    width: '23%'
                },
                EmailAddress: {
                    title: 'Email address',
                    list: false
                },
                Password: {
                    title: 'User Password',
                    type: 'password',
                    list: false
                },
                Gender: {
                    title: 'Gender',
                    width: '13%',
                    options: { 'M': 'Male', 'F': 'Female' }
                },
               
            }
        });

        //Load student list from server
        $('#StudentTableContainer').jtable('load');
    });

</script>

Can any one help me to display it

解决方案

(document).ready(function () { //Prepare jtable plugin

('#StudentTableContainer').jtable({ title: 'The Student List', paging: true, //Enables paging pageSize: 10, //Actually this is not needed since default value is 10. sorting: true, //Enables sorting defaultSorting: 'Name ASC', //Optional. Default sorting on first load. actions: { listAction: '/PagingAndSorting.aspx/StudentList', createAction: '/PagingAndSorting.aspx/CreateStudent', updateAction: '/PagingAndSorting.aspx/UpdateStudent', deleteAction: '/PagingAndSorting.aspx/DeleteStudent' }, fields: { StudentId: { key: true, create: false, edit: false, list: false }, Name: { title: 'Name', width: '23%' }, EmailAddress: { title: 'Email address', list: false }, Password: { title: 'User Password', type: 'password', list: false }, Gender: { title: 'Gender', width: '13%', options: { 'M': 'Male', 'F': 'Female' } }, } }); //Load student list from server

('#StudentTableContainer').jtable('load'); }); </script>

Can any one help me to display it

这篇关于在Jtable中显示图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！