List Web API Service Demo - Remove CategoryName from the item template (#31861)

Author: markallenramirez

apps/demos/Demos/List/WebAPI/Angular/app/app.component.html

@@ -10,7 +10,6 @@
     itemTemplate="data"
   >
     <div *dxTemplate="let item of 'data'">
-      <div>{{ item.CategoryName }}</div>
       <div>{{ item.ProductName }}</div>
       <b>{{ item.UnitPrice | currency : "USD" : "symbol" : "1.2" }}</b>
     </div>

apps/demos/Demos/List/WebAPI/React/ProductInfo.tsx

@@ -10,7 +10,6 @@ const currencyFormatter = new Intl.NumberFormat('en-US', {
 export default function ProductInfo(item) {
   return (
     <React.Fragment>
-      <div>{item.CategoryName}</div>
       <div>{item.ProductName}</div>
       <b className="price">{currencyFormatter.format(item.UnitPrice)}</b>
     </React.Fragment>

apps/demos/Demos/List/WebAPI/ReactJs/ProductInfo.js

@@ -9,7 +9,6 @@ const currencyFormatter = new Intl.NumberFormat('en-US', {
 export default function ProductInfo(item) {
   return (
     <React.Fragment>
-      <div>{item.CategoryName}</div>
       <div>{item.ProductName}</div>
       <b className="price">{currencyFormatter.format(item.UnitPrice)}</b>
     </React.Fragment>

apps/demos/Demos/List/WebAPI/Vue/ProductInfo.vue

@@ -1,6 +1,5 @@
 <template>
   <div>
-    <div>{{ item.CategoryName }}</div>
     <div>{{ item.ProductName }}</div>
     <b class="price">{{ currency(item.UnitPrice) }}</b>
   </div>

apps/demos/Demos/List/WebAPI/jQuery/index.js

@@ -25,7 +25,6 @@ $(() => {
     itemTemplate(data) {
       const price = formatCurrency(data.UnitPrice);
       return $('<div>')
-        .append($('<div>').text(data.CategoryName))
         .append($('<div>').text(data.ProductName))
         .append($('<b>').text(price));
     },