ghoghnuos
یک شنبه 07 تیر 1394, 09:24 صبح
سلام دوستان یه مشکل داشتم لطفا راهنمایی کنید من با جی کوئری(jqwidgets) یه همچین جدولی درست کردم
132681
ببیند در بخش فرم دستور مداری جدول بالا لینک فرمی که کاربر آپلود کرده رو نمایش میده. من می خوام تبدیل بشه به لینک دانلود تا اگه روش کلیک کرد دانلود بشه. چی کار باید بکنم
<script type="text/javascript">
$(document).ready(function () {
var source =
{
datatype: "json",
datafields: [
{ name: 'num_file', type: 'string'},
{ name: 'name_motagahzi', type: 'string'},
{ name: 'name_namayande', type: 'string'},
{ name: 'file_add', type: 'string'},
{ name: 'comment', type: 'comment'},
{ name: 'status', type: 'string'}
],
cache: false,
id: 'num_file',
url: 'data.php',
updaterow: function (rowid, rowdata, commit) {
// synchronize with the server - send update command
var data = "update=true&name_motagahzi=" + rowdata.name_motagahzi + "&name_namayande=" + rowdata.name_namayande + "&status=" + rowdata.status+ "&comment=" + rowdata.comment;
data = data + "&num_file=" + rowid;
$.ajax({
dataType: 'json',
url: 'data.php',
type: 'POST',
data: data,
success: function (data, status, xhr) {
// update command is executed.
commit(true);
}
});
}
};
var dataAdapter = new $.jqx.dataAdapter(source);
// initialize the input fields.
$("#name_motagahzi").jqxInput({width: 150, height: 23});
$("#name_namayande").jqxInput({width: 150, height: 23});
$("#status").jqxInput({width: 150, height: 23});
var dataAdapter = new $.jqx.dataAdapter(source);
var editrow = -1;
var txt = "راه اندازی شده";
// initialize jqxGrid
$("#jqxgrid").jqxGrid(
{
width: 650,
source: dataAdapter,
autoheight: true,
columns: [
{ text: 'شماره پرونده', editable: false, datafield: 'num_file', width: 100 },
{ text: 'نام متقاضی', columntype: 'dropdownlist', datafield: 'name_motagahzi', width: 100 },
{ text: 'نام نماینده', columntype: 'dropdownlist', datafield: 'name_namayande', width: 100 },
{ text: 'فرم دستور مداری', datafield: 'file_add', width: 180 },
{ text: 'وضعیت', datafield: 'status', width: 80 },
{ text: 'ویرایش', datafield: 'Edit', columntype: 'button', cellsrenderer: function () {
return "Edit";
}, buttonclick: function (row) {
// open the popup window when the user clicks a button.
editrow = row;
var offset = $("#jqxgrid").offset();
$("#popupWindow").jqxWindow({ position: { x: parseInt(offset.left) + 60, y: parseInt(offset.top) + 60 } });
// get the clicked row's data and initialize the input fields.
var dataRecord = $("#jqxgrid").jqxGrid('getrowdata', editrow);
$("#name_motagahzi").val(dataRecord.name_motagahzi);
$("#name_namayande").val(dataRecord.name_namayande);
$("#status").val(dataRecord.status);
$("#file_add").val(dataRecord.file_add);
$("#comment").val(dataRecord.comment);
// show the popup window.
$("#popupWindow").jqxWindow('open');
}
}
]
});
// initialize the popup window and buttons.
$("#popupWindow").jqxWindow({
width: 380, resizable: false, isModal: true, autoOpen: false, cancelButton: $("#Cancel"), modalOpacity: 0.01
});
$("#Cancel").jqxButton();
$("#Save").jqxButton();
$("#rah").jqxButton();
// update the edited row when the user clicks the 'Save' button.
$("#Save").click(function () {
if (editrow >= 0) {
var row = { name_motagahzi: $("#name_motagahzi").val(), name_namayande: $("#name_namayande").val(), status: $("#status").val(), file_add: $("#file_add").val(), file_add: $("#file_add").val(), comment: $("#comment").val()};
var rowID = $('#jqxgrid').jqxGrid('getrowid', editrow);
$('#jqxgrid').jqxGrid('updaterow', rowID, row);
$("#popupWindow").jqxWindow('close');
}
});
$("#rah").click(function () {
if (editrow >= 0) {
var row = { name_motagahzi: $("#name_motagahzi").val(), name_namayande: $("#name_namayande").val(), status:txt};
var rowID = $('#jqxgrid').jqxGrid('getrowid', editrow);
$('#jqxgrid').jqxGrid('updaterow', rowID, row);
$("#popupWindow").jqxWindow('close');
}
});
});
</script>
<body class='default' align="left">
<div id='jqxWidget'>
<div id="jqxgrid"></div>
<div style="margin-top: 30px;">
<div id="cellbegineditevent"></div>
<div style="margin-top: 10px;" id="cellendeditevent"></div>
</div>
<div id="popupWindow" align="left">
<div>Edit</div>
<div style="overflow: hidden;">
<table>
<tr>
<td align="right">نام متقاضی</td>
<td align="left"><input id="name_motagahzi" readonly /></td>
</tr>
<tr>
<td align="right">نام نماینده</td>
<td align="left"><input id="name_namayande" readonly /></td>
</tr>
<tr>
<td align="right">وضعیت:</td>
<td align="left"><input id="status" readonly/></td>
</tr>
<tr>
<td align="left"><input id="file_add" type=hidden /></td>
</tr>
<tr>
<td align="right"></td>
<td style="padding-top: 10px;" align="right"><input style="margin-right: 5px;" type="button" id="Save" value="ذخیره" /><input id="Cancel" type="button" value="انصراف"/><input id="rah" type="button" value="راه اندازی" /></td>
</tr>
<tr>
<td align="left">شرح اقدامات صورت گرفته:</td>
<td align="right"><textarea name="txtBody" class="form-control" rows="3" id="comment" ></textarea></td>
</tr>
</table>
132681
ببیند در بخش فرم دستور مداری جدول بالا لینک فرمی که کاربر آپلود کرده رو نمایش میده. من می خوام تبدیل بشه به لینک دانلود تا اگه روش کلیک کرد دانلود بشه. چی کار باید بکنم
<script type="text/javascript">
$(document).ready(function () {
var source =
{
datatype: "json",
datafields: [
{ name: 'num_file', type: 'string'},
{ name: 'name_motagahzi', type: 'string'},
{ name: 'name_namayande', type: 'string'},
{ name: 'file_add', type: 'string'},
{ name: 'comment', type: 'comment'},
{ name: 'status', type: 'string'}
],
cache: false,
id: 'num_file',
url: 'data.php',
updaterow: function (rowid, rowdata, commit) {
// synchronize with the server - send update command
var data = "update=true&name_motagahzi=" + rowdata.name_motagahzi + "&name_namayande=" + rowdata.name_namayande + "&status=" + rowdata.status+ "&comment=" + rowdata.comment;
data = data + "&num_file=" + rowid;
$.ajax({
dataType: 'json',
url: 'data.php',
type: 'POST',
data: data,
success: function (data, status, xhr) {
// update command is executed.
commit(true);
}
});
}
};
var dataAdapter = new $.jqx.dataAdapter(source);
// initialize the input fields.
$("#name_motagahzi").jqxInput({width: 150, height: 23});
$("#name_namayande").jqxInput({width: 150, height: 23});
$("#status").jqxInput({width: 150, height: 23});
var dataAdapter = new $.jqx.dataAdapter(source);
var editrow = -1;
var txt = "راه اندازی شده";
// initialize jqxGrid
$("#jqxgrid").jqxGrid(
{
width: 650,
source: dataAdapter,
autoheight: true,
columns: [
{ text: 'شماره پرونده', editable: false, datafield: 'num_file', width: 100 },
{ text: 'نام متقاضی', columntype: 'dropdownlist', datafield: 'name_motagahzi', width: 100 },
{ text: 'نام نماینده', columntype: 'dropdownlist', datafield: 'name_namayande', width: 100 },
{ text: 'فرم دستور مداری', datafield: 'file_add', width: 180 },
{ text: 'وضعیت', datafield: 'status', width: 80 },
{ text: 'ویرایش', datafield: 'Edit', columntype: 'button', cellsrenderer: function () {
return "Edit";
}, buttonclick: function (row) {
// open the popup window when the user clicks a button.
editrow = row;
var offset = $("#jqxgrid").offset();
$("#popupWindow").jqxWindow({ position: { x: parseInt(offset.left) + 60, y: parseInt(offset.top) + 60 } });
// get the clicked row's data and initialize the input fields.
var dataRecord = $("#jqxgrid").jqxGrid('getrowdata', editrow);
$("#name_motagahzi").val(dataRecord.name_motagahzi);
$("#name_namayande").val(dataRecord.name_namayande);
$("#status").val(dataRecord.status);
$("#file_add").val(dataRecord.file_add);
$("#comment").val(dataRecord.comment);
// show the popup window.
$("#popupWindow").jqxWindow('open');
}
}
]
});
// initialize the popup window and buttons.
$("#popupWindow").jqxWindow({
width: 380, resizable: false, isModal: true, autoOpen: false, cancelButton: $("#Cancel"), modalOpacity: 0.01
});
$("#Cancel").jqxButton();
$("#Save").jqxButton();
$("#rah").jqxButton();
// update the edited row when the user clicks the 'Save' button.
$("#Save").click(function () {
if (editrow >= 0) {
var row = { name_motagahzi: $("#name_motagahzi").val(), name_namayande: $("#name_namayande").val(), status: $("#status").val(), file_add: $("#file_add").val(), file_add: $("#file_add").val(), comment: $("#comment").val()};
var rowID = $('#jqxgrid').jqxGrid('getrowid', editrow);
$('#jqxgrid').jqxGrid('updaterow', rowID, row);
$("#popupWindow").jqxWindow('close');
}
});
$("#rah").click(function () {
if (editrow >= 0) {
var row = { name_motagahzi: $("#name_motagahzi").val(), name_namayande: $("#name_namayande").val(), status:txt};
var rowID = $('#jqxgrid').jqxGrid('getrowid', editrow);
$('#jqxgrid').jqxGrid('updaterow', rowID, row);
$("#popupWindow").jqxWindow('close');
}
});
});
</script>
<body class='default' align="left">
<div id='jqxWidget'>
<div id="jqxgrid"></div>
<div style="margin-top: 30px;">
<div id="cellbegineditevent"></div>
<div style="margin-top: 10px;" id="cellendeditevent"></div>
</div>
<div id="popupWindow" align="left">
<div>Edit</div>
<div style="overflow: hidden;">
<table>
<tr>
<td align="right">نام متقاضی</td>
<td align="left"><input id="name_motagahzi" readonly /></td>
</tr>
<tr>
<td align="right">نام نماینده</td>
<td align="left"><input id="name_namayande" readonly /></td>
</tr>
<tr>
<td align="right">وضعیت:</td>
<td align="left"><input id="status" readonly/></td>
</tr>
<tr>
<td align="left"><input id="file_add" type=hidden /></td>
</tr>
<tr>
<td align="right"></td>
<td style="padding-top: 10px;" align="right"><input style="margin-right: 5px;" type="button" id="Save" value="ذخیره" /><input id="Cancel" type="button" value="انصراف"/><input id="rah" type="button" value="راه اندازی" /></td>
</tr>
<tr>
<td align="left">شرح اقدامات صورت گرفته:</td>
<td align="right"><textarea name="txtBody" class="form-control" rows="3" id="comment" ></textarea></td>
</tr>
</table>