2016-02-15 88 views
2

將數據從右側更改爲左側我想知道如何通過使用實體框架正確地單擊來將數據從右側更改爲左側。數據是西班牙文,對不起,但我不能改變它。如何使用EF單擊使用EF

這裏是我的視圖,我只能改變「Titulo」,這意味着在enlgish標題和內容,但我有我的DateTime和我的圖像成爲相關表和int數據的問題。因爲Id出現在右側(我不想在右側顯示圖像和Id數據),Id發生了變化。

enter image description here

爲了顯示我用這個@foreach主要形象,我從所謂的「Noticias1」第二個表,這意味着在英語新聞1到哪裏都是在圖像數據爲每一個新聞if (img != null && img.Nombre.Equals(@principalId+"_0")),只顯示我把數據校長圖等於選擇的ID(我會告訴別人圖後面的內容。)

下面的代碼

@foreach (var n in Model) 
{ 
    var img = n.Noticias2.FirstOrDefault(); 
    if (img != null && img.Nombre.Equals(@principalId+"_0")) 
    { 
    var imgRuta = @[email protected][email protected]; 
    <img id="currentprincipalImagen" src="@imgRuta" class="img-responsive" alt="Imagen de Marte" /> 
    <figcaption> 
     <p id="currentPrincipalImagenTitulo">@img.Descripcion</p> 
    </figcaption> 
    } 
} 

這裏是我的完整視圖代碼

@{ 
    var format = "dddd, MMMM dd, yyyy"; 
    ViewBag.Title = "Index"; 
    Layout = "~/Views/Shared/_LayoutPage.cshtml"; 
    int principalId = Model[0].IdNoticia; 
    string principalTitulo = Model[0].Titulo; 
    string principalContenido = Model[0].Contenido; 
    DateTime principalFechaDesde = Convert.ToDateTime(Model[0].FeDesde); 
    DateTime principalFechaHasta = Convert.ToDateTime(Model[0].FeHasta); 
} 

<script type="text/javascript"> 
    function changeDisplay(e) { 

     var principalTitulo = $(e).text(); 
     var principalContenido = $(e).siblings(".Contenido:first").html(); 
     var principalId = $(e).siblings(".IdNoticia:first").html(); 
     var principalFechaDesde = $(e).siblings(".FeDesde").html(); 


     $("#currentprincipalTitulo").html(principalTitulo); 
     $("#currentprincipalContenido").html(principalContenido); 
     $("#currentprincipalId").html(principalId); 
     $("#currentprincipalFechaDesde").html(principalFechaDesde); 
    } 
</script> 

<!-- Principal --> 
<div class="col-md-12 main"> 

    <div class="header sec-title-hd"> 
     <div class="bg-calendar"></div> 
     <div class="col-md-7"> 
      <h5 class="pull-left">NOTICIAS</h5> 
      <div> 
       <a href="dashboard.html" class="btn sky-blue n-radius-b"> <img src="slider/img/arrow-left.png"> VOLVER</a> 
      </div> 
     </div> 
    </div> 

    <div class="content-inter"> 
     <div class="container-fluid sec-title-hd-sub"> 
      <div class="row"> 
       <div class="col-md-7"> 
        <div> 
         <figure class="img_N"> 
          @foreach (var n in Model) 
          { 
           var img = n.Noticias2.FirstOrDefault(); 
           if (img != null && img.Nombre.Equals(@principalId+"_0")) 
           { 
            var imgRuta = @[email protected][email protected]; 
            <img id="currentprincipalImagen" src="@imgRuta" class="img-responsive" alt="Imagen de Marte" /> 
            <figcaption> 
             <p id="currentPrincipalImagenTitulo">@img.Descripcion</p> 
            </figcaption> 
           } 
          } 
         </figure> 
        </div> 
        <div class="textnota"> 
         <br> 
         <h6 id="currentprincipalId">@principalId</h6> 
         <h5 id="currentprincipalTitulo" class="titulo_N uppercase">@principalTitulo</h5> 
         <p id="currentprincipalFechaDesde" class="time">FeDesde: @principalFechaDesde.ToString(format)</p> 
         <div class="noti_P"> 
          <p id="currentprincipalContenido">@principalContenido</p> 
         </div> 
        </div> 
       </div> 
       <div class="col-md-5"> 
        <!-- Right Side --> 
        @foreach (var n in Model) 
        { 

         <blockquote class="blockquote-nopadding bg-calendar-border-left"> 
          <h6 class="IdNoticia">@n.IdNoticia</h6> 
          <p class="time_f feDesde">@n.FeDesde.ToString(format)</p> 
          <a href="#" onclick="changeDisplay(this)" class="titulo_N">@n.Titulo</a> 
          <p class="text-justify limit Contenido">@n.Contenido</p> 
         </blockquote> 
        } 
        Págnia @(Model.PageCount < Model.PageNumber ? 0 : Model.PageNumber) de @Model.PageCount 
        @Html.PagedListPager(Model, page => Url.Action("Index", new { page })) 
        <div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

謝謝。我知道在我的JQuery腳本代碼中我沒有改變圖像的東西,但我刪除了這個,因爲我不能做關係改變Id到左邊的@foreach來改變我的主要圖像。我的英語不好,我希望你能理解我。

這裏就是如果我點擊與ID = 1我想從該ID的圖像的第一和與ID = 2,3,4相同的關係......

enter image description here

+0

那麼,什麼是你的問題? – Mehmet

+0

即時通訊沒有這樣做,如果你看到圖像,我點擊了新的ID 2,它有ID 1的數據。 –

+0

@Mehmet Jquery代碼只複製右側的數據,並將其更改爲左側數據,但在那裏是不是在右側的信息,我不想在那裏顯示它,所以我不能做相同的代碼。 –

回答

0

我找到了自己的解決方案,問題出在我的Jquery代碼中。也許這不是在Entity Framework中實現它的最好方式,但這是我解決這個問題的方法。 (如果你有更好的方式,請分享它)。

這裏是我全新的代碼。

@{ 
    var format = "dddd, MMMM dd, yyyy"; 
    ViewBag.Title = "Index"; 
    Layout = "~/Views/Shared/_LayoutPage.cshtml"; 
    int principalId = Model[0].IdNoticia; 
    string principalTitulo = Model[0].Titulo; 
    string principalContenido = Model[0].Contenido; 
    DateTime principalFechaDesde = Convert.ToDateTime(Model[0].FeDesde); 
    DateTime principalFechaHasta = Convert.ToDateTime(Model[0].FeHasta); 
} 

<script type="text/javascript"> 
    function changeDisplay(e) { 

     var principalTitulo = $(e).text(); 
     var principalContenido = $(e).siblings(".Contenido:first").val(); 
     var principalId = $(e).siblings(".IdNoticia:first").val(); 
     var principalFechaDesde = $(e).siblings(".FeDesde:first").val(); 
     var principalFechaHasta = $(e).siblings(".FeHasta:first").val(); 
     var principalDescripcion = $(e).siblings(".Descripcion:first").val(); 
     var principalImagen = $(e).siblings(".imgRuta").val(); 


     $("#currentprincipalTitulo").html(principalTitulo); 
     $("#currentprincipalContenido").html(principalContenido); 
     $("#currentprincipalId").html(principalId); 
     $("#currentprincipalFechaDesde").html(principalFechaDesde); 
     $("currentprincipalFechaHasta").html(principalFechaHasta); 
     $("#currentprincipalDescripcion").html(principalDescripcion); 
     $("#currentprincipalImagen").attr("src", principalImagen); 
    } 
</script> 

<!-- Principal --> 
<div class="col-md-12 main"> 

    <div class="header sec-title-hd"> 
     <div class="bg-calendar"></div> 
     <div class="col-md-7"> 
      <h5 class="pull-left">NOTICIAS</h5> 
      <div> 
       <a href="dashboard.html" class="btn sky-blue n-radius-b"> <img src="slider/img/arrow-left.png"> VOLVER</a> 
      </div> 
     </div> 
    </div> 

    <div class="content-inter"> 
     <div class="container-fluid sec-title-hd-sub"> 
      <div class="row"> 
       <div class="col-md-7"> 
        <div> 
         <figure class="img_N"> 
          @foreach (var n in Model) 
          { 
           var img = n.Noticias2.FirstOrDefault(); 
           if (img != null && img.Nombre.Equals(@principalId+"_0")) 
           { 
            <img id="currentprincipalImagen" src="@[email protected]@img.Extension" class="img-responsive" alt="@img.Nombre" /> 
            <figcaption> 
             <p id="currentprincipalDescripcion">@img.Descripcion</p> 
            </figcaption> 
           } 
          } 
         </figure> 
        </div> 
        <div class="textnota"> 
         <br> 
         <h6 id="currentprincipalId">@principalId</h6> 
         <h5 id="currentprincipalTitulo" class="titulo_N uppercase">@principalTitulo</h5> 
         <p id="currentprincipalFechaDesde" class="time">Desde: @principalFechaDesde.ToString(format)</p> 
         <p id="currentprincipalFechaHasta" class="time">Hasta: @principalFechaHasta.ToString(format)</p> 
         <div class="noti_P"> 
          <p id="currentprincipalContenido">@principalContenido</p> 
         </div> 
        </div> 
       </div> 
       <div class="col-md-5"> 
        <!-- Right Side --> 
        @foreach (var n in Model) 
        { 
         <!-- Data mostrada --> 
         <blockquote class="blockquote-nopadding bg-calendar-border-left"> 
          <p class="time_f">@n.FeDesde.ToString(format)</p> 
          <a href="#" onclick="changeDisplay(this)" class="titulo_N">@n.Titulo</a> 
          <p class="text-justify limit">@n.Contenido</p> 

          <!--Data Enviada al lado Izquierdo--> 
          <input class="IdNoticia" type="hidden" value="@n.IdNoticia" /> 
          <input class="Contenido" type="hidden" value="@n.Contenido" /> 
          <input class="FeDesde" type="hidden" value="Desde: @n.FeDesde.ToString(format)" /> 
          <input class="FeHasta" type="hidden" value="Hasta: @n.FeHasta.ToString(format)" /> 
          @foreach (var img in n.Noticias2) 
          { 
           var imgRuta = @img.Ruta + @img.Nombre + @img.Extension; 
           <input class="Descripcion" type="hidden" value="@img.Descripcion" /> 

           <input class="imgRuta" type="hidden" value="@imgRuta" /> 
          } 

         </blockquote> 

        } 
      </div> 
     </div> 
    </div> 
</div> 

這裏的新觀點,

通知,在左側的所有數據都是從ID 2

enter image description here