0
4 가지 마지막 작업 중 하나를 수행하는 프로젝트를 진행 중입니다. 나는 내가 원하는 곳에서 버튼을 보이게 만드는 것에 매달렸다. 나는 이것에 정말로 녹색이고, 솔직히 말해서, 나는 나의 필요를 설명하는 어려움이있다. 하지만 최선을 다하겠습니다.오른쪽에 입력 및 버튼을 표시하는 데 문제가 있습니다.
사진을 게시하고 싶었지만 평판 수준이 필요했기 때문에 옵션이 아닙니다. 그것은 내가 원하는 것과 쉬운 방식으로 필요한 것을 정말로 설명 할 것입니다.
나는 그것이 어떻게 생겼는지 설명하려고 노력할 것이다. 생산 번호, 이름 및 가격이라는 세 개의 열이있는 테이블이 있습니다. 따라서 제품에 관한 데이터를 표시하는 행의 모든 사람. 자, 내가 필요한 것은 가격과 리베이트를위한 두 가지 입력입니다. 목록에있는 모든 제품에 대해 버튼이 필요합니다.
이것은 표현입니다.
Prod.no Name Price
100 Laser 199 [Input for own price] [input for rebate] (Button submit)
나는 단순히 td를 사용하고 입력과 버튼에 코드를 추가 할 수 있다고 생각했지만 작동하지 않았습니다. 그게 가능한지 확실하지 않습니다.
누구든지이 작업을 수행 할 수있는 방법을 제안 할 수 있습니까? 내가 Google이나 SO에 의해 시도한 모든 예제는 항상 내가 원하는 곳 대신에 테이블 위로 올라 가게됩니다.
model ListModel
@{
IEnumerable<Incendo.Core.Domain.External.ExternalAttribute> cols = (IEnumerable<Incendo.Core.Domain.External.ExternalAttribute>)Model.Aggregates;
}
@if (EngineContext.Current.Resolve<IWorkContext>().WorkingCustomer != null)
{
<div class="customerProducts">
@if (EngineContext.Current.Resolve<IWorkContext>().WorkingCustomer.CreditDenied == 1)
{
<p class="field-validation-error">Kreditspärr - orderläggning ej möjlig</p>
}
else
{
var columnIds = cols.Select(m => m.ColumnId).ToList();
var colNames = cols.Select(m => m.Name).ToList();
var grid = new WebGrid(
source: Model.Data,
columnNames: colNames
);
var outString = String.Empty;
var values = cols.Select(m => m.ExternalAttributeValues).FirstOrDefault();
if(values != null)
{
outString += "<table>";
var totalCount = values.Count;
outString += "<thead>";
outString += "<tr>";
foreach(var name in colNames)
{
if (name != "Prod. typ")
{
outString += "<th>" + name + "</th>";
}
}
//outString += "<th>" + "Beställning" + "</th>";
outString += "</tr>";
outString += "</thead>";
outString += "<tbody>";
for(int row = 0; row < values.Count; row++)
{
outString += "<tr>";
for (int name = 0; name < columnIds.Count; name++)
{
var col = cols.SingleOrDefault(m => m.ColumnId == columnIds[name]);
if (col.Column.TextTypeNo > 0)
{
//outString = outString + String.Format("<td>[{0}] +++ {1}</td>", col.ExternalAttributeKeyValues[row].Key, col.ExternalAttributeKeyValues[row].Value);
}
else
{
outString = outString + String.Format("<td>{0}</td>", col.ExternalAttributeKeyValues[row].Value);
}
}
var prodNr = cols.ElementAt(0).ExternalAttributeKeyValues[row].Value;
//outString += String.Format("<td> <input type=\"submit\" /> {0}</td>", prodNr);
//outString += String.Format("<td> <input name=\"submit\" type=\"submit\" id=\"submit\" value=\"Lägg\" /> {0}</td>", prodNr);
outString += "<td>"
+ "<input type=\"submit\" />"
+"</td>";
//outString += "<input type=\"submit\" />";
outString += "</tr>";
}
outString += "</tbody>";
outString += "</table>";
}
@Html.Raw(outString)
}
</div>
}
나는 그것이 일부 externalattributes를 반환하기 때문에 코드가 필요하지 않습니다 확신합니다. (자극 아니, 이름, 가격 등) : 여기
는 cshtml 파일을 담당하고 코드의 일부입니다 제 계획은 제품의 ID를 버튼의 식별자로 사용하고, 사용자가 무언가를 써서 주문을하면 두 개의 입력을 사용하는 것입니다.Html.BeginForm을 사용하여 뭔가를 보았습니다.하지만 순서대로 전달하려면 입력이 actioncontroller와 buttonclick을 담당하는 actionmethod에 전달되어야한다고 생각하기 때문에.
누군가 내가 잘못하고있는 곳을 누군가에게 알려줄 수 있기를 바랍니다. 나는 이것이 정말로 그런 문제가되어야한다고 생각하지 않지만, 나는이 모든 것에 대해 새로운 것이다. 다음은
는 모든 출력 :
<!DOCTYPE html>
<html class="ui-mobile">
<head>
<meta charset="utf-8" />
<title>Details</title>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<script src="/Scripts/jquery.min.js" type="text/javascript"></script>
<script src="/Scripts/fastclick.min.js" type="text/javascript"></script>
<link href="/Content/kendo.common.min.css" rel="stylesheet" type="text/css" />
<link href="/Content/kendo.default.min.css" rel="stylesheet" type="text/css" />
<script src="/Scripts/kendo.all.min.js" type="text/javascript"></script>
<script src="/Scripts/kendo.aspnetmvc.min.js"></script>
<script src="/Scripts/Mobile/Incendo.UI.Menu.js" type="text/javascript"></script>
<script src="/Scripts/public.common.js" type="text/javascript"></script>
<script type="text/javascript" src="/Scripts/jquery.validate.min.js"></script>
<script type="text/javascript" src="/Scripts/jquery.validate.unobtrusive.min.js"></script>
<script type="text/javascript" src="/Scripts/jquery.unobtrusive-ajax.min.js"></script>
<link href="/Content/Layout.css" rel="stylesheet" type="text/css" />
<link href="/Content/Site.css" rel="stylesheet" type="text/css" />
</head>
<body>
<menu id="menu">
<ul class="t-widget t-reset t-header t-menu" id="Admin"><li class="t-item t-state-default"><span class="t-link">Mina sidor<span class="t-icon t-arrow-down"></span></span><ul class="t-group"><li class="t-item t-state-default"><a class="t-link" href="/">Dashboard</a></li></ul></li><li class="t-item t-state-default"><span class="t-link">Produkter<span class="t-icon t-arrow-down"></span></span><ul class="t-group"><li class="t-item t-state-default"><a class="t-link" href="/Product/List">Produkter</a></li><li class="t-item t-state-default"><a class="t-link" href="/Product/Search">Sök produkt</a></li></ul></li><li class="t-item t-state-default"><span class="t-link">Leverantörer<span class="t-icon t-arrow-down"></span></span><ul class="t-group"><li class="t-item t-state-default"><a class="t-link" href="/Supplier/List">Leverantörer</a></li></ul></li><li class="t-item t-state-default"><span class="t-link">Kunder<span class="t-icon t-arrow-down"></span></span><ul class="t-group"><li class="t-item t-state-default"><a class="t-link" href="/Customer/List">Kunder</a></li><li class="t-item t-state-default"><a class="t-link" href="/Customer/Create">Ny kund</a></li><li class="t-item t-state-default"><a class="t-link" href="/Customer/Search">Sök kund</a></li></ul></li><li class="t-item t-state-default"><span class="t-link">Försäljning<span class="t-icon t-arrow-down"></span></span><ul class="t-group"><li class="t-item t-state-default"><a class="t-link" href="/Orders/List">Sök order</a></li><li class="t-item t-state-default"><a class="t-link" href="/ShoppingCart/Cart">Aktuell order</a></li></ul></li><li class="t-item t-state-default"><span class="t-link">Inställningar<span class="t-icon t-arrow-down"></span></span><ul class="t-group"><li class="t-item t-state-default"><a class="t-link" href="/Settings/Customer">Kund</a></li></ul></li><li class="t-item t-state-default"><span class="t-link">Användare<span class="t-icon t-arrow-down"></span></span><ul class="t-group"><li class="t-item t-state-default"><a class="t-link" href="/User/List">Användare</a></li></ul></li><li class="t-item t-state-default"><span class="t-link">System<span class="t-icon t-arrow-down"></span></span><ul class="t-group"><li class="t-item t-state-default"><a class="t-link" href="/Common/SystemInfo">Systeminformation</a></li><li class="t-item t-state-default"><a class="t-link" href="/Common/ClearCache">Rensa cache</a></li><li class="t-item t-state-default"><a class="t-link" href="/Common/RestartApplication">Starta om applikation</a></li></ul></li><li class="t-item t-state-default"><span class="t-link">Mina inställningar<span class="t-icon t-arrow-down"></span></span><ul class="t-group"><li class="t-item t-state-default"><a class="t-link" href="/User/Settings">Inställningar</a></li><li class="t-item t-state-default"><a class="t-link" href="/Account/Logout">Logga ut</a></li></ul></li></ul><script type="text/javascript">
// $(document).ready(function() {
// $("#Admin").kendoMenu();
// });
</script>
</menu>
<section id="pagebody" data-role="page" class="pages ui-page ui-body-c ui-page-active container" id="home" data-url="home">
<div data-role="header" class="ui-header ui-bar-a" role="banner">
<a href="#" class="showMenu" data-theme="a">Menu</a>
<div class="login-info">
<div class="clearfix"></div>
</div>
</div>
<div id="dialog-notifications-success" title="Common.Notification" style="display:none;">
</div>
<div id="dialog-notifications-error" title="Fel" style="display:none;">
</div>
<div id="bar-notification" class="bar-notification">
<img src="/Content/Images/ico-close-notification-bar.png" class="close" alt="Close" title="Close" />
</div>
<div data-role="content-header" class="">
<div class="userinfobar">
<h1>UserInfoBar.cshtml</h1>
<form action="/Common/FirmSelected?Length=6" data-ajax="true" data-ajax-complete="onFirmChangedRequestCompleted();" id="form-firmselector" method="post"><select id="userfirm" name="userfirm" onChange="onFirmChanged();"><option value="3">F0002 - BB</option>
<option selected="selected" value="1">F0001 - BB AB</option>
</select></form> <script type="text/javascript">
function onFirmChanged() {
$("#form-firmselector").submit();
}
function onFirmChangedRequestCompleted() {
location.reload();
}
</script>
0 <div id="workingCustomerSection-active">
<p>Aktuell kund</p>
<p><a href="/Customer/Details/100001">Cykellagret AB</a></p>
<a class="button" data-ajax="true" data-ajax-method="Post" data-ajax-success="clearWorkingCustomerSuccess" href="/User/ClearWorkingCustomer/0">Använd inte aktuell kund</a>
<script type="text/javascript">
function clearWorkingCustomerSuccess(e) {
handleResponse(e);
location.reload();
}
</script>
</div>
</div>
</div>
<div data-role="content" class="ui-content" role="main">
<div class="ajax-loading-block-window" style="display: none">
<div class="loading-image">
</div>
</div>
<h2>Cykellagret AB</h2>
<section id="custhead" class="clearfix">
<dl class="table-display">
<dt>Kundnr</dt>
<dd>100001</dd>
<dt>Adress</dt>
<dd>Strandvägen 4</dd>
<dt>Telefonnr</dt>
<dd>99887766</dd>
</dl>
</section>
<h1>Details.cshtml</h1>
<div id="buttonbar">
<a class="button" data-ajax="true" data-ajax-method="Post" data-ajax-success="clearWorkingCustomerSuccess" href="/User/ClearWorkingCustomer/0">Använd inte aktuell kund</a>
<script type="text/javascript">
function clearWorkingCustomerSuccess(e) {
handleResponse(e);
location.reload();
}
</script><a href="tel:99887766" class="phone button">Ring</a>
</div>
<div id="tabStrip">
<ul>
<li>Leveransinfo</li> <li>Kundgrupp</li> <li>Säljare</li> <li>Kontaktpersoner</li> <li>Sortiment</li> <li>Avtal</li> <li>Öppna kundposter</li> <li>Aktiviteter</li> <li>Produkter</li> </ul>
<div class="clearfix">
<dl class="table-display">
<dt>Ledtid</dt>
<dd></dd>
<dt>Leveransdagar</dt>
<dd></dd>
<dt>Orderstopptid</dt>
<dd></dd>
<dt>Namn</dt>
<dd>Cykellagret AB</dd>
<dt>3PL Kundnummer</dt>
<dd></dd>
<dt>3PL Status</dt>
<dd></dd>
<dt>Kreditspärr</dt>
<dd>0</dd>
</dl>
</div>
<div class="clearfix">
<dl class="table-display">
<dt>Kedjetillhörighet</dt>
<dd></dd>
<dt>Kategori</dt>
<dd></dd>
<dt>Kundstatus</dt>
<dd></dd>
<dt>Kundkategori</dt>
<dd></dd>
</dl>
</div>
<div class="clearfix">
<dl class="table-display">
<dt>Säljare</dt>
<dd>120</dd>
<dt>Senaste kontakt</dt>
<dd></dd>
</dl>
</div>
<div class="clearfix">
<button type="button" id="createContactButton">Ny kontaktperson</button>
<table id="contacts">
<thead>
<tr>
<th>Namn</th>
<th>Telefon</th>
<th>Email</th>
</tr>
</thead>
<tr>
<td>Marie Höljer</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Carl von Friesenwind</td>
<td></td>
<td></td>
</tr>
</table>
<div id="createContactWindow"></div>
<script type="text/javascript">
$(function() {
var btn = $("#createContactButton");
btn.click(
function(){
initKendoWindow();
var window = $("#createContactWindow").data("kendoWindow").open();
window.center();
window.refresh('/Customer/CreateContactPerson/1001');
btn.hide();
});
var onClose = function() {
btn.show();
}
function initKendoWindow() {
if (!$("#createContactWindow").data("kendoWindow")) {
$("#createContactWindow").kendoWindow({
title: 'Skapa kontaktperson',
visible: false,
modal: true,
close: onClose
}).data("kendoWindow");
}
}
})
</script>
</div>
<div class="clearfix">
<p>Assortment.NoAssortment</p>
<script type="text/javascript">
$(function() {
$(".assortmentbox").change(function (e) {
$.ajax({
type: "POST",
data: JSON.stringify({
customerNo: 100001,
family: this.id.split('_')[0],
status: this.id.split('_')[1],
enabled: this.checked
}),
url: "/Assortment/ChangeStatus",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (msg) {
}
});
});
});
</script> </div>
<div class="clearfix">
<dl class="table-display">
<dt>Avtal med</dt>
<dd></dd>
<dt>Till datum</dt>
<dd>0</dd>
<dt>Grossist</dt>
<dd></dd>
<dt>Bryggeri</dt>
<dd></dd>
</dl>
</div>
<div class="clearfix">
<table><thead><tr><th>Fakt. nr</th><th>Reg. datum</th><th>Belopp</th><th>Restbelopp</th><th>Förf. datum</th></tr></thead><tbody><tr><td class="field-validation-error">98500040</td><td class="field-validation-error">20080924</td><td class="field-validation-error">3664,05</td><td class="field-validation-error">3664,05</td><td class="field-validation-error">20081004</td></tr><tr><td class="field-validation-error">98500029</td><td class="field-validation-error">20080716</td><td class="field-validation-error">13591,23</td><td class="field-validation-error">13591,23</td><td class="field-validation-error">20080726</td></tr><tr><td>98500002</td><td>20081211</td><td>918,75</td><td>918,75</td><td>20130801</td></tr><tr><td class="field-validation-error">98100148</td><td class="field-validation-error">20081222</td><td class="field-validation-error">281288</td><td class="field-validation-error">281288</td><td class="field-validation-error">20070121</td></tr><tr><td class="field-validation-error">98100120</td><td class="field-validation-error">20081009</td><td class="field-validation-error">6638</td><td class="field-validation-error">6638</td><td class="field-validation-error">20081108</td></tr></tbody></table> </div>
<div class="clearfix">
<button type="button" id="createAppointmentButton" class="button">Ny aktivitet</button>
<div id="window"></div>
Inga aktiviteter ännu på kunden<script type="text/javascript">
$(function() {
var btn = $('#createAppointmentButton');
btn.click(
function() {
initKendoWindow();
var window = $("#window").data("kendoWindow").open();
window.center();
window.refresh('/Appointments/CreateAppointment/100001/');
btn.hide();
});
var onClose = function() {
btn.show();
}
function initKendoWindow() {
if (!$("#window").data("kendoWindow")) {
$("#window").kendoWindow({
title: 'Skapa aktivitet',
visible: false,
modal: true,
close: onClose
}).data("kendoWindow");
}
}
})
</script> </div>
<div class="clearfix">
<div class="customerProducts">
<table><thead><tr><th>Prod. nr</th><th>Namn</th><th>Pris</th></tr></thead><tbody><tr><td>1000</td><td>PRODUKT LAGERFÖRD (MALL)</td><td>0</td><td><input type="submit" /></td></tr><tr><td>1010</td><td>PRODUKT EJ LAGERFÖRD (MALL)</td><td>0</td><td><input type="submit" /></td></tr><tr><td>11</td><td>Celerifere</td><td>0</td><td><input type="submit" /></td></tr><tr><td>111</td><td>Framhjul, komplett modell landsväg</td><td>0</td><td><input type="submit" /></td></tr><tr><td>112</td><td>Framhjul, komplett modell mountain</td><td>0</td><td><input type="submit" /></td></tr><tr><td>113</td><td>Bakhjul, komplett modell landsväg</td><td>0</td><td><input type="submit" /></td></tr><tr><td>114</td><td>Bakhjul, komplett modell mountain</td><td>0</td><td><input type="submit" /></td></tr><tr><td>115</td><td>Mono-hjul</td><td>0</td><td><input type="submit" /></td></tr><tr><td>12</td><td>Sauerbronn</td><td>0</td><td><input type="submit" /></td></tr><tr><td>121</td><td>Ram, landsväg</td><td>0</td><td><input type="submit" /></td></tr><tr><td>122</td><td>Ram, mountain</td><td>0</td><td><input type="submit" /></td></tr><tr><td>123</td><td>Ram, mono</td><td>0</td><td><input type="submit" /></td></tr><tr><td>13</td><td>Vector</td><td>0</td><td><input type="submit" /></td></tr><tr><td>131</td><td>Kraftöverföringspaket Eddy</td><td>0</td><td><input type="submit" /></td></tr><tr><td>1311</td><td>Pedal</td><td>0</td><td><input type="submit" /></td></tr><tr><td>1312</td><td>Kedja</td><td>0</td><td><input type="submit" /></td></tr><tr><td>1313</td><td>Kugghjul</td><td>0</td><td><input type="submit" /></td></tr><tr><td>132</td><td>Kraftöverföringspaket Alfredo</td><td>0</td><td><input type="submit" /></td></tr><tr><td>133</td><td>Kraftöverföringspaket Harry</td><td>0</td><td><input type="submit" /></td></tr><tr><td>134</td><td>Kraftöverföringspaket mono</td><td>0</td><td><input type="submit" /></td></tr><tr><td>141</td><td>Styranordning Leon</td><td>0</td><td><input type="submit" /></td></tr><tr><td>142</td><td>Styranordning Drais</td><td>0</td><td><input type="submit" /></td></tr><tr><td>143</td><td>Styranordning Karl</td><td>0</td><td><input type="submit" /></td></tr><tr><td>151</td><td>Sadel Gösta</td><td>0</td><td><input type="submit" /></td></tr><tr><td>152</td><td>Sadel Bernt</td><td>0</td><td><input type="submit" /></td></tr><tr><td>153</td><td>Sadel Ronaldo</td><td>0</td><td><input type="submit" /></td></tr><tr><td>154</td><td>Sadel mono</td><td>0</td><td><input type="submit" /></td></tr><tr><td>161</td><td>Dekalpaket Celerifere</td><td>0</td><td><input type="submit" /></td></tr><tr><td>162</td><td>Dekalpaket Sauerbronn</td><td>0</td><td><input type="submit" /></td></tr><tr><td>163</td><td>Dekalpaket Vector</td><td>0</td><td><input type="submit" /></td></tr><tr><td>164</td><td>Dekalpaket Dandy-horse</td><td>0</td><td><input type="submit" /></td></tr><tr><td>165</td><td>Dekalpaket Michaux</td><td>0</td><td><input type="submit" /></td></tr><tr><td>166</td><td>Dekalpaket Singleton</td><td>0</td><td><input type="submit" /></td></tr><tr><td>171</td><td>Pakethållare Backpack</td><td>0</td><td><input type="submit" /></td></tr><tr><td>200</td><td>Debiterbar tid</td><td>0</td><td><input type="submit" /></td></tr><tr><td>201</td><td>Arbetstimmar service</td><td>0</td><td><input type="submit" /></td></tr><tr><td>22</td><td>Michaux</td><td>0</td><td><input type="submit" /></td></tr><tr><td>23</td><td>Singleton</td><td>0</td><td><input type="submit" /></td></tr><tr><td>505</td><td>Testprodukt</td><td>0</td><td><input type="submit" /></td></tr></tbody></table> </div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$("#tabStrip").kendoTabStrip();
});
</script>
</div>
</section>
</body>
</html>
UPDATE :
이 코드가 추가로 내가 원하는 것을 얻을 수 있었다, 그러나 참으로 추악한입니다.
outString += "<td>"
+ "<label>Överstyrt pris</label>"
+ "<label>Rabatt (%)</label>"
+ "<input type=\"text\" id=\"overridePrice" + prodNr + "\" value=\"0\" >"
+ "<input type=\"text\" id=\"rebate" + prodNr + "\" value=\"0\" >"
+ "<button type=\"button\" id=\"addOrder" + prodNr + "\" ONCLICK=\"window.location.href=\'/CustomerProducts/AddProductToCart\'\" class=\"button\">Lägg</button>"
+ ""
+"</td>";
입력 필드와 버튼을 원하는 곳에 나타낼 수있는 유일한 방법입니다. 나는 많은 CSS를 모른다. 그래서 이것은해야 할 것이다. onclick-thing은 끔찍하지만 Ajax 또는 jscript는이 방법으로는 불가능합니다.
페이지 소스에서 찾는 위치 (모든 코드에서 결과 HTML이)가 제대로 보이지 않습니다
버튼 요소에 대한 정보를 원하시면 여기를 참조하십시오? 테이블은 당신이 원하는 것을 성취하는 데 어려움이 있어서는 안된다. (내가 올바르게 이해한다고 가정 할 때) 내 추측은 당신의 코드가 당신이 생각하는 것처럼 html을 구축하지 않는다는 것이다. – lostphilosopher
@lostphilosopher 괜찮아요. 내가 말하는 것은 정말로 어렵다. 내 게시물을 출력으로 업데이트하겠습니다. –
Yikes. 어떤 버튼이 맞지 않습니까? 이 버튼이 () 그게 테이블 밖에 있기 때문에 의미가 있습니다. – lostphilosopher